Show:

A Widget for displaying tabular data. The base implementation of DataTable provides the ability to dynamically generate an HTML table from a set of column configurations and row data.

Two classes are included in the datatable-base module: Y.DataTable and Y.DataTable.Base.

This module is a rollup of the following modules:

  • datatable-base
    A Widget for displaying tabular data. The base implementation of DataTable provides the ability to dynamically generate an HTML table from a set of column configurations and row data. Two classes are included in the datatable-base module: Y.DataTable and Y.DataTable.Base.
  • datatable-body
    View class responsible for rendering the <tbody> section of a table. Used as the default bodyView for Y.DataTable.Base and Y.DataTable classes.
  • datatable-column-widths
    Adds basic, programmatic column width support to DataTable via column configuration property width and method table.setColumnWidth(id, width);.
  • datatable-core
    The core implementation of the DataTable and DataTable.Base Widgets.
  • datatable-datasource
    Plugs DataTable with DataSource integration.
  • datatable-foot
    View class responsible for rendering the <tfoot> section of a table. Can be used as the default footerView for Y.DataTable.Base and Y.DataTable classes.
  • datatable-head
    View class responsible for rendering the <thead> section of a table. Used as the default headerView for Y.DataTable.Base and Y.DataTable classes.
  • datatable-highlight
    Adds support for highlighting columns with the mouse in a DataTable
  • datatable-keynav
    Provides keyboard navigation of DataTable cells and support for adding other keyboard actions.
  • datatable-message
    Adds support for a message container to appear in the table. This can be used to indicate loading progress, lack of records, or any other communication needed.
  • datatable-mutable
    Adds mutation convenience methods such as table.addRow(data) to Y.DataTable. (or other built class).
  • datatable-paginator
    Adds support for paging through data in the DataTable.
  • datatable-sort
    Adds support for sorting the table data by API methods table.sort(...) or table.toggleSort(...) or by clicking on column headers in the rendered UI.
  • datatable-table
    View class responsible for rendering a <table> from provided data. Used as the default view for Y.DataTable.Base and Y.DataTable classes.