Hi,
you will have to try changing both width and padding here.
This is all heavily influenced by the rotated text now, which makes this difficult.
For the hover color of the header row, please see the second piece of code at https://tablepress.org/faq/change-background-color-table-head-row/
Regards,
Tobias
Hi,
thank you for your prompt reply!
I imagine so. Could you please only tell me how to change padding/column width for all majority of columns (in order not to repeat the code for every column)?
I am not sure about the second hint, as probably I have not expressed myself correctly – I do not want the colour to hover, but rather would need the header row to “move” with the mouse scrolling from top to bottom and vice versa.
Thank you again.
Regards,
Milada
Hi,
You could try something like
.tablepress-id-123 tbody td {
padding: 4px;
width: 50px;
}
Then, for the header row, you could maybe try https://tablepress.org/extensions/datatables-fixedheader/
Regards,
Tobias
Hi,
thank you for the code and the link.
Is there another way, just a code to fix the header row with the scrolling up/down? I am afraid, another plugin would slow down the site.
Regards,
Milada
Hi,
don’t worry about installing another plugin. This has not effect on slowness. It would be exactly the same as if this would be a direct feature of TablePress.
The number of installed plugins on a site is irrelevant, as long as they are properly coded.
Regards,
Tobias
Hi,
thank you for your assurance and explanation.
I have one more question – please have a look at the current state of the table http://moreyouthfulskin.com/cs/smoothie-silnejsi-krasnejsi-nehty/
and the code:
.tablepress {
word-break: normal;
}
.tablepress-roster6-table .row-1 span {
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
display: block;
height: 75px;
text-align: center;
vertical-align: center;
}
.tablepress-roster6-table .row-1 td {
font-weight: bold;
font-size: 10px;
background-color: #12c9c4 !important;
}
.tablepress-roster6-table tbody td {
padding: 4px;
width: 10px;
}
.tablepress-roster6-table .column-1 {
font-size: 10px;
background-color: #71f2ed !important;
}
Can you please advise me on how to narrow the columns (all of them) and narrow the line spacing?
Thank you again!
Regards,
Milada
and one more for the fixed header during the scrolling: I changed the code to [table id=31 datatables_fixedheader=top /]
but the header row is not fixed.
Is there a CSS code to be added to the above coding?
Thank you!
Milada
Hi,
can you please post a link again? Otherwise, I can not check this. Extra CSS code is not necessary.
Regards,
Tobias
Hi,
I don’t see a table on that page?!
Regards,
Tobias
Hi,
ah, yes.
Did you really install and activate the FixedHeader Extension as a plugin?
Did you change the Shortcode?
Can you please check if turning on the “Use DataTables” checkbox on the table’s “Edit” screen helps? (The individual features like search, sorting, etc. can be turned off.)
Regards,
Tobias
Hi,
yes, the plugin extension is properly activated.
How should I change the shortcode?
“Use DataTables” checkbox is checked but is not editable – cannot uncheck it.
Regards,
Milada
Hi,
you need to add a Shortcode parameter, as mentioned on https://tablepress.org/extensions/datatables-fixedheader/
The “Use DataTables” checkbox was enabled for that checkbox? Are you sure? And it’s not editable? That doesn’t make sense. The “Table Head Row” checkbox is checked?
Regards,
Tobias
Hi,
the tableHadeRow was not checked, because you did not tell me to check it, now the other checkbox is editable.
Yesterday I told you this code [table id=31 datatables_fixedheader=top /] has been added. Is it correct?
Further, when I now checked the tableHadeRow box, how do I set a colour for this header row?
Also, when you look here: http://moreyouthfulskin.com/cs/smoothie-silnejsi-krasnejsi-nehty/ how do I narrow all the columns and line spacing in the text of the columns?
Regards,
Milada
