Themes.Default Class
Almost empty skeleton for themes. Extend it to provide custom css-classes for table items and icons.
Check BootstrapTheme for implementation example.
Check ModelsTable.themeInstance for usage example.
Item Index
Properties
- buttonDefault
- buttonLink
- buttonsGroup
- cancel-row-button
- caret
- cellContentDisplay
- cellContentEdit
- changeGroupByField
- clearAllFiltersIcon
- clearFilterIcon
- collapse-all-rows
- collapse-row
- collapseAllRows
- collapseRow
- column-hidden
- column-visible
- columnsDropdown
- columnsDropdownButtonWrapper
- columnsDropdownDivider
- columnsDropdownWrapper
- components
- dataGroupBySelectWrapper
- deselect-all-rows
- deselect-row
- edit-row-button
- expand-all-rows
- expand-row
- expandAllRows
- expandedRow
- expandRow
- footerSummary
- footerSummaryDefaultPagination
- footerSummaryNumericPagination
- globalFilterDropdownWrapper
- globalFilterWrapper
- groupingCell
- groupingRow
- input
- messages
- nav-first
- nav-last
- nav-next
- nav-prev
- noDataCell
- pageSizeSelectWrapper
- pageSizeWrapper
- paginationBlock
- paginationInternalWrapper
- paginationNumericItem
- paginationNumericItemActive
- paginationWrapper
- paginationWrapperDefault
- paginationWrapperNumeric
- save-row-button
- select
- select-all-rows
- select-row
- selectedRow
- sort-asc
- sort-desc
- sortGroupedPropertyBtn
- table
- tfooterInternalWrapper
- tfooterWrapper
- thead
- theadCell
- theadCellNoFiltering
- theadCellNoSorting
Properties
components
Object
Map with internal components
You may override it if some custom component should be used instead the default one. You don't need to copy whole map because it's declared as a mergedProperty
messages
Object
Map with overrides for messages used in the component
Available keys and values
searchLabel
: 'Search:',groupByLabel
: 'Group by:',searchPlaceholder
: '',columns-title
: 'Columns',columns-showAll
: 'Show All',columns-hideAll
: 'Hide All',columns-restoreDefaults
: 'Restore Defaults',tableSummary
: 'Show %@ - %@ of %@',allColumnsAreHidden
: 'All columns are hidden. Use columns-dropdown to show some of them',noDataToShow
: 'No records to show',editRowButtonLabel
: 'Edit',saveRowButtonLabel
: 'Save',cancelRowButtonLabel
: 'Cancel'
theadCellNoFiltering
String
CSS-class used for thead-cells with columns filters. This class is used only if columns is not filterable
Default: 'table-header-no-filtering'
theadCellNoSorting
String
CSS-class used for thead-cells with columns titles. This class is used only if columns is not sortable
Default: 'table-header-no-sorting'