Okay
  Public Ticket #2857039
Change the place of the filters to customize the layout
Closed

Comments

  • Warzone_Loadout started the conversation

    Hello, 

    I would like to change the place of the advanced filters on my table. 

    As you can see on the screenshot i have a big white space between the filters and the begining of the table. 

    I saw on some example in your doc that sometimes the filters and integrated within the table and not like this super far away. 

    Idealy, i would like to have the modal buttons for each collumn directly under the header and remove the labels of the filters. 

    How can i do that?

    Sincerely, 

    Alex

  • [deleted] replied

    Hi Warzone_Loadout

    Thank you for reaching out to us.

    You can change the default position of the filters from wpDataTables - Settings - Render advanced filter but make sure to disable the Show filters in a form above the table

    1996888020.png


  • Warzone_Loadout replied

    Hello, 

    Thank you, this worked. 

    How can i change the backgroung color of the tables?

    Basically on this picture i would like to remove the white that is not at all aligned with my design chart. And also, i toggle grouped by a collumn, but as the font is white on white i can see it...

    4866162682.png


  • [deleted] replied

    You are most welcomesmile.png

    If you want to change the colors beyond what is offered in the customize tab in the table and wpDT settings  you will need to play around with some custom CSS. For example here is how you can make the table background transparent:

    I haven't tested this on a live site, but this CSS should work:

    To make rows transparent:

    .wpDataTablesWrapper table.wpDataTable td {
    background-color: transparent !important;
    }

    To make the headers transparent:

    .wpDataTablesWrapper table.wpDataTable th {
    background-color: transparent !important;
    }

  • Warzone_Loadout replied

    Hello, 

    Thank you for your answer but the CSS is not working as i am not able to make the backround of the overall table transparent (header and body). 

    i use you css code that i put in the custom CSS tab of the customize tab in the table. 

    Also, could you please tell me how i could use a font that i installed on my theme but not showing in the list of fonts in the customize tab of the table? 

    Sincerely, 

    Alex

  • [deleted] replied

    Unfortunately we do not provide support for customization I can share only examples that we have and they often need to be modified.

    There's no way of applying the custom font with built-in features, so you would need to do it with custom CSS.

    Here is an example we can share, if you want it applied on all tables you can add it in wpDataTabes - Settings - Custom CSS:

    .wpDataTablesWrapper table.wpDataTable td {
    font-family: Marine-Light!important;
    }
    .wpDataTablesWrapper table.wpDataTable th {
    font-family: Marine-Light!important;
    }


     Anything that is not included in the plugin's core and counts as customization we can recommend these services to assist you with:

    https://codeable.io/?ref=l1TW1

    https://wpkraken.io/?tms-plugins