![]() ![]() Name of the field to sort data by default. Whether to use the default sorting or a custom one using sortFunction. When true, resets paginator to first page after sorting. Sort order to use when an unsorted column gets sorted by user interaction.ĭefines whether sorting works on single column or on multiple columns. Whether to display a dropdown to navigate to any page. Template of the current page report element. ="mydiv" for a div element having #mydiv as variable name). Target element to attach the paginator dropdown overlay, valid values are "body" or a local ng-template variable of another element (note: use binding with brackets for template variables, e.g. Position of the paginator, options are "top","bottom" or "both". When enabled, icons are displayed on paginator to go first and last page. Whether to show it even there is only one page. Number of page links to display in paginator.Īrray of integer/object values to display inside rows per page dropdown of paginator Number of total records, defaults to length of value when not defined. When specified as true, enables the pagination. Whether to call lazy loading on initialization. Whether the cell widths scale according to their content or not.ĭefines if data is loaded and interacted with in lazy manner. Sortable Headers Keyboard SupportĪn array of objects to represent dynamic columns. ![]() ![]() Paginator is a standalone component used inside the TreeTable, refer to the paginator for more information about the accessibility features. In checkbox mode, the built-in checkbox component use checkbox role with aria-checked state attribute.Įditable cells use custom templating so you need to manage aria roles and attributes manually if required. When selection is enabled, aria-selected is set to true on a row. Row elements manage aria-expanded for state along with aria-posinset, aria-setsize and aria-level attribute to define the hierachy. Sortable headers utilizer aria-sort attribute either set to "ascending" or "descending". Header, body and footer elements use rowgroup, rows use row role, header cells have columnheader and body cells use cell roles. This property allows passing aria roles and attributes like aria-label and aria-describedby to define the table for readers. TreeTable uses a treegrid element whose attributes can be extended with the tableProps option. ![]()
0 Comments
Leave a Reply. |