{"id":32905,"date":"2017-11-08T12:56:19","date_gmt":"2017-11-08T04:56:19","guid":{"rendered":"http:\/\/localhost\/help\/?page_id=32905"},"modified":"2024-06-10T12:12:25","modified_gmt":"2024-06-10T04:12:25","slug":"styling-tables","status":"publish","type":"page","link":"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-admin\/explorer-styles\/styling-tables\/","title":{"rendered":"Styling Tables"},"content":{"rendered":"\n

This article describes the styling properties of each component in the Table \"\"<\/a> group in IFS OI Explorer Studio. For an overview of how styling works, see Overview of Styles in IFS OI Explorer<\/a>.<\/p>\n

Data Table<\/h2>\n

Related: Data Table tutorial<\/a>, Adding a new component style<\/a><\/p>\n

The screenshot below shows the Data Table <\/strong>in display mode.<\/p>\n\n\n\n\n
\"data-table-base\"<\/a><\/td>\n<\/tr>\n
\n

What You Can Change<\/strong><\/p>\n

With the Data Table you can change the background and text appearance, in all rows.<\/p>\n

1. Header Row<\/strong>: Style the colour of the header row. Includes both the column heading and the filter.<\/p>\n

    \n
  • Header Row Background Colour<\/li>\n<\/ul>\n

    2. Header Cell<\/strong>: Style the appearance of the text for the column headings.<\/p>\n

      \n
    • Header Cell Font Family<\/li>\n
    • Header Cell Font Colour<\/li>\n
    • Header Cell Font Size<\/li>\n
    • Header Cell Font Weight<\/li>\n
    • Header Cell Alignment<\/li>\n
    • Header Cell Underline<\/li>\n
    • Header Cell Text Case<\/li>\n
    • Header Cell Border Colour<\/li>\n
    • Header Cell Border Size<\/li>\n
    • Header Cell Border Style<\/li>\n
    • Header Cell Padding<\/li>\n<\/ul>\n

      3. Filter Cell<\/strong>: Set the spacing around the filter box.<\/p>\n

        \n
      • Filter Cell Padding<\/li>\n<\/ul>\n

        4. Filter Field<\/strong>: Style the appearance of the cells.<\/p>\n

          \n
        • Filter Field Font Family<\/li>\n
        • Filter Field Font Colour<\/li>\n
        • Filter Field Font Size<\/li>\n
        • Filter Field Font Weight<\/li>\n
        • Filter Field Alignment<\/li>\n
        • Filter Field Underline<\/li>\n
        • Filter Field Text Case<\/li>\n
        • Filter Field Border Colour<\/li>\n
        • Filter Field Border Size<\/li>\n
        • Filter Field Border Style<\/li>\n
        • Filter Field Padding<\/li>\n<\/ul>\n<\/td>\n
\n

5. Body Row, Body Row Odd, Body Row Even, Body Cell<\/strong>: Style the appearance of the rows and text in the table. See example below for colours.<\/p>\n