Estoy tratando de usar el componente de tabla de la biblioteca PrimeNG para crear una lista de usuarios. Aunque el módulo Table se declara en el módulo "más cercano" a mi componente, obtengo el NG8001: 'p-table' component is not a known element . También estoy usando viento de cola para CSS.
Ya intenté declarar el módulo de la tabla en los otros módulos que tengo en mi aplicación en caso de que hiciera algo mal con esta parte, pero fue en vano. Esto me hace pensar que podría ser un problema de nivel inferior
Aquí hay un código de mi módulo:
import {TableModule} from "primeng/table"; // Other imports @NgModule({ declarations: [ UsersComponent, // My component ], imports: [ CommonModule, HttpClientModule, TableModule, ] }) export class AdminDashboardModule { }usuarios.componente.html :
<h1>Active users</h1> <div class="border-b border-gray-200 shadow w-full"> <p-table [value]="users"> <ng-template pTemplate="header"> <tr> <th>Username</th> <!-- Other headers --> </tr> </ng-template> <ng-template pTemplate="body" let-user> <tr> <td>{{user.username }}</td> <!-- Other values --> </tr> </ng-template> </p-table> </div>usuarios.componente.ts:
// Imports @Component({ selector: 'app-users', templateUrl: './users.component.html', styleUrls: ['./users.component.css'] }) export class UsersComponent implements OnInit { public users: User[]; constructor(private userService: UserService) { } ngOnInit(): void { // Call to userService supplying users variable } }