Saltar al contenido principal
NeuralUIv1.14.3Nuevo
GitHub
Componente

DataView

Presentación unificada de datos en vistas lista, grid y tabla con búsqueda, ordenación, paginación, estados de carga y vacío.

TypeScript
import { NeuDataViewComponent } from '@neural-ui/core/data-view';
Vista previa del catálogo
Neural AnalyticsSaaS$49
Admin ProDashboard$79
Commerce OpsEcommerce$69
CRM FlowCRM$89
El componente ordena y pagina los productos.
TypeScript
import { NeuDataViewComponent, NeuDataViewItemDirective } from '@neural-ui/core/data-view';

@Component({
  imports: [NeuDataViewComponent, NeuDataViewItemDirective],
  template: `
    <neu-data-view [items]="products" mode="grid" [searchFields]="['name']">
      <ng-template neuDataViewItem let-product>
        <strong>{{ product.name }}</strong>
      </ng-template>
    </neu-data-view>
  `
})
export class ExampleComponent {
  products = [{ name: 'Neural Analytics' }];
}