• Resolved watchmakingtools

    (@watchmakingtools)


    Is it possible to amend the colour of horizontal rows background colour in alternate rows in wpDataTables?

    Also, is it possible to set a custom column width for each column?

Viewing 1 replies (of 1 total)
  • Plugin Author wpDataTables

    (@wpdatatables)

    Hello,
    Firstly, I would like to sincerely apologize for the delayed response as we have been experiencing an unusually high number of tickets. I am sorry that it has taken longer than usual to respond to your concern and your patience is highly appreciated.

    Yes, you will be able to use Custom CSS on the Lite Plugin Version in order to set a specific background color for ‘even’ rows, and a different background color for “odd” rows.

    Here is the CSS selector if you wish to apply a specific background color ( in this example as green) and a text color as white to each “odd row”.

    .wpdt-c .wpDataTablesWrapper table.wpDataTable tr.odd td {
        background-color: green !important;
        color: white !important;
    }

    And this CSS selector if you wish a specific background-color and text color for each “even” row cell data :

    .wpdt-c .wpDataTablesWrapper table.wpDataTable tr.even td {
        background: red !important;
        color: white !important;
    }

    If you want to have the same Style applied to all Tables, add this in the Main Plugin settings/Custom JS and CSS/Custom CSS;

    Or if you wish to target only a specific Table ID, add the Table ID like this :

    .wpdt-c .wpDataTablesWrapper table.wpDataTable.wpDataTableID-128 tr.even td {
        background: red !important;
        color: white !important;
    }

    Just change from ID 128 to your Table ID.


    We hope that helps.

    That is the way for the Lite Version. In our Premium version, it is easier since each table can have its own Customize Section, but we are not allowed to discuss anything about that here.
    If you have any questions about?premium features such as that,?please open a ticket on our?main Support platform here,?and one of our Agents will respond as quickly as possible.

    Premium products are not supported?in these forums, as per?this?comment?by www.ads-software.com moderators.

    Thank you for understanding. ?



    2. When it comes to making Custom Column Width, you can achieve this if you enable the option in Display settings/Limit table width.

    Then a new option appears in your Column Settings, to set a Custom Width.


    Please note: If you enable?Limit Table Width, the?Scrollable?slider will be hidden from view.
    The same logic applies in reverse fashion (if?Scrollable?is enabled, you won’t see?Limit Table Width). Also,?Word Wrap?function appears, and can be enabled when?Limit Table Width?slider is enabled.
    Please check more about this on this Documentation.

    We hope that helps.
    Kind regards.

Viewing 1 replies (of 1 total)
  • The topic ‘Table Formatting’ is closed to new replies.