PSPAD COLUMN MODE FULL
tabulator when printing to allow for custom print stylingĬontaining element used to take up the full height and width of the screen when printing the tableĪpplied to the body element when printing to hide all other contents on the page tabulator-row to denote its level in nested tree structures, the X is replaced with the number of that depth of the child rowĪpplied to. The expand symbol for the data tree control elementīranch icon for child rows of a data tree parentĪpplied to. The collapse symbol for the data tree control element Invisible resize handle on the top and bottom of each rowĮlement to hold collapsed column data in responsive layout modeĮlement to toggle the expanded state of collapsed dataĬontains the control element for toggling the collapse state of a data tree tabulator-group to denote its level in multi level grouping, the X is replaced with the number of that grouping levelĬontaining element for the groups expand/collapse toggleĪ row that contains column calculations instead of dataĪ column calculations row at the top of a groupĪ column calculations row at the bottom of a groupĬontaining element for the row handle icon tabulator-group when the group is visibleĪpplied to. The containing element for all frozen columnsĪpplied to frozen columns on the left edge of the tableĪpplied to frozen columns on the right edge of the tableĪpplied to a column header to rotate the text to a vertical orientationĪpplied to a vertical column header to flip the text round 180 degreesĪpplied to rows containing cells being editedĪpplied to cells being edited that have failed validationĪpplied to. The containing element for the header filter elements, when the headerFilter option is setĪpplied to columns with header sorting enabled The input box used for editing titles when the editableTitle option is set Invisible resize handle on the right of each column header Holds the column headers contained in a column group Marks a column header as a group that contains other columns Holds the text for the column header title Hold rows that are frozen to the top of the table Hold column calculations row, appears in both header and footer Hold all column headers inside table header tabulator-header element to hide headers when operating in headerless mode Table is being forced into left to right text direction on a rtl direction pageĪpplied to table containing cells being editedĪpplied to the. Table is running with a right to left text direction
tabulator element when the mouse is dragging to prevent accidental text selectionĪpplied to rows and columns when they are being movedĪpplied to table when it is sending a row to another tableĪpplied to table when it is receiving a row from another table Styles arrows used for header sort direction and group open stateĪpplied to the. The containing element for the empty table placeholder tabulator-load-msg to style an error message tabulator-load-msg to style a loading messageĪpplied to. In order to change the table styling after the stylesheet has been imported it is recommended that you use the developer tools in the browser to check the exact CSS combinators needed to override a specific property General ClassĪpplied to. The lists below only describe the the roles of each class, not the specificity required to override it. You can include your own custom CSS after importing the library to customise its look and feel
The tables below outline the key classes involved in styling Tabulator. Tabulator is built using an extensive set of CSS classes to make styling your tables as easy as possible.
0 kommentar(er)
