1-Borders: I can not display borders in the front-end. This is very strange since when I build the table, in the preview, I see it with borders. I tried to add classes to columns, and to customize the CSS (see attachement wpdatatable0) but I stil miss the top border. In addition, doing so for each and every table and column, would be an huge manual effort that I must avoid.
2-table width: Is there a way to specify that the tables has to occupy just the space needed? The problem is that, as you can see, I have a lot of unutilized space in the table, and I can not downsize this table.
3-column width: Is there a way to specify that the column has to occupy just the space needed, like in excel command 'fit text to cell'.
4-header height: Is there a way to specify the height of the header? Again, the height of header in the preview is not the same I see in the front-end.
Hi strutture_energia, Thank you for your purchase.
1.Can you please send me a link of that page on frontend so I can investigate why is not the same like in backend?
2.You can change table width adding this code in Custom wpDataTables CSS under the "Custom JS AND CSS" in main settings of wpdatatables.
table.wpDataTable{
width:400px !important;
}
This will be affected on all tables, but if you want on specific one you have to insert this code on page where is that table between style tag.(<style>Code here..</style>)
3.When you turn on option Limit table width on Display tab in table settings, in every column settings on Display tab you will have option Column width where you can set width for that column.
4.You probably have some css conflict on frontend(like for borders) so when you send me a link I will investigate. You can change header height adding this code in Custom wpDataTables CSS under the "Custom JS AND CSS" in main settings of wpdatatables.
th.wdtheader{
height:100px !important;
}
This will be affected on all tables, but if you want on specific one you have to insert this code on page where is that table between style tag.(<style>Code here..</style>)
Hi,
I have issues in styling tables:
1-Borders: I can not display borders in the front-end. This is very strange since when I build the table, in the preview, I see it with borders. I tried to add classes to columns, and to customize the CSS (see attachement wpdatatable0) but I stil miss the top border. In addition, doing so for each and every table and column, would be an huge manual effort that I must avoid.
2-table width: Is there a way to specify that the tables has to occupy just the space needed? The problem is that, as you can see, I have a lot of unutilized space in the table, and I can not downsize this table.
3-column width: Is there a way to specify that the column has to occupy just the space needed, like in excel command 'fit text to cell'.
4-header height: Is there a way to specify the height of the header? Again, the height of header in the preview is not the same I see in the front-end.
Thanks for the attention
Hi strutture_energia,
Thank you for your purchase.
1.Can you please send me a link of that page on frontend so I can investigate why is not the same like in backend?
2.You can change table width adding this code in Custom wpDataTables CSS under the "Custom JS AND CSS" in main settings of wpdatatables.
table.wpDataTable{ width:400px !important; }This will be affected on all tables, but if you want on specific one you have to insert this code on page where is that table between style tag.(<style>Code here..</style>)
3.When you turn on option Limit table width on Display tab in table settings, in every column settings on Display tab you will have option Column width where you can set width for that column.
4.You probably have some css conflict on frontend(like for borders) so when you send me a link I will investigate.
You can change header height adding this code in Custom wpDataTables CSS under the "Custom JS AND CSS" in main settings of wpdatatables.
th.wdtheader{ height:100px !important; }This will be affected on all tables, but if you want on specific one you have to insert this code on page where is that table between style tag.(<style>Code here..</style>)
Kind Regards,
Isidora Markovic
wpDataTables: FAQ | Facebook | Twitter | Front-end and back-end demo | Docs
Amelia: FAQ | Facebook | Twitter | Amelia demo sites | Docs
You can try our wpDataTables add-ons before purchase on these sandbox sites:
Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables