How to use @swimlane/ngx-datatable - 4 common examples

To help you get started, we’ve selected a few @swimlane/ngx-datatable examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github ceph / ceph / src / pybind / mgr / dashboard / frontend / src / app / ceph / cluster / inventory / inventory-devices / inventory-devices.component.ts View on Github external
const parts = _.partition(devices, (row) => {
        // use getter from ngx-datatable for props like 'sys_api.size'
        const valueGetter = getterForProp(filter.prop);
        return `${valueGetter(row, filter.prop)}` === filter.value;
      });
      devices = parts[0];
github ceph / ceph / src / pybind / mgr / dashboard / frontend / src / app / ceph / cluster / prometheus / silence-list / silence-list.component.ts View on Github external
templateUrl: './silence-list.component.html',
  styleUrls: ['./silence-list.component.scss']
})
export class SilenceListComponent implements OnInit {
  silences: AlertmanagerSilence[] = [];
  columns: CdTableColumn[];
  tableActions: CdTableAction[];
  permission: Permission;
  selection = new CdTableSelection();
  modalRef: BsModalRef;
  customCss = {
    'label label-danger': 'active',
    'label label-warning': 'pending',
    'label label-default': 'expired'
  };
  sorts: SortPropDir[] = [{ prop: 'endsAt', dir: SortDirection.desc }];

  constructor(
    private authStorageService: AuthStorageService,
    private i18n: I18n,
    private cdDatePipe: CdDatePipe,
    private prometheusService: PrometheusService,
    private modalService: BsModalService,
    private notificationService: NotificationService,
    private urlBuilder: URLBuilderService,
    private actionLabels: ActionLabelsI18n,
    private succeededLabels: SucceededActionLabelsI18n
  ) {
    this.permission = this.authStorageService.getPermissions().prometheus;
  }

  ngOnInit() {
github ceph / ceph / src / pybind / mgr / dashboard / frontend / src / app / ceph / cluster / inventory / inventory-devices / inventory-devices.component.spec.ts View on Github external
const columnValues = devices.map((device: InventoryDevice) => {
          const valueGetter = getterForProp(filter.prop);
          const value = valueGetter(device, filter.prop);
          const formatValue = filter.pipe ? filter.pipe.transform(value) : value;
          return `${formatValue}`;
        });
        const expectedOptionsSet = new Set(['*', ...columnValues]);
github ceph / ceph / src / pybind / mgr / dashboard / frontend / src / app / shared / datatable / table / table.component.ts View on Github external
createSortingDefinition(prop: TableColumnProp): SortPropDir[] {
    return [
      {
        prop: prop,
        dir: SortDirection.asc
      }
    ];
  }

@swimlane/ngx-datatable

ngx-datatable is an Angular table grid component for presenting large and complex data.

MIT
Latest version published 2 years ago

Package Health Score

65 / 100
Full package analysis