Table Press Datatables Fixed Columns Plugin spacing problem

Oh, and FYI, you can view the page at https://southeastbaseball.net/seb-15u-stats/

Hi,

thanks for your post, and sorry for the trouble.

Yes, the head row spacing is sometimes weird with that Extension. I’m not really sure why, but I’ll take a look. For that, please activate the Fixed Columns on that table again. Thanks!

Regards,
Tobias

Hi,

I re-enabled the fixed columns. Let me know what you find out.

Hi,

thanks for that! I can confirm the issue, but I can really see a reason ??

One idea would be to try adding

.tablepress-id-1 {
  table-layout: fixed;
}

to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress. That changes how browsers calculate the width of columns, and maybe that helps here, too.

If not, I can only suggest to ask about this in the forums of the external DataTables JavaScript library at https://www.datatables.net, which TablePress uses for this. Maybe the DataTables developer sees what’s wrong.

Regards,
Tobias

That helps. But somethings are still a bit cramped up. See this screenshot or visit the page again: https://www.evernote.com/shard/s90/sh/e35fd100-9feb-4b4c-92ab-68269fcc7a2e/6b10742350efcd0bb6d3e5075f72d8be

Is there a way to set the width of each column to a specific pixel width?

Hi,

yes, it helps a little bit, but now the padding seems off, too.
But setting the individual column widths might be good idea.

You can do so with this “Custom CSS” code:

.tablepress-id-1 .column-1 {
  width: 200px !important;
}
.tablepress-id-1 .column-2 {
  width: 50px !important;
}

and so on. I know it’s going to be some extra work… Sorry.

Regards,
Tobias

Hi,(This webbsite will be transformed to WordPress https://www.odenplansnaturhalsa.com)

I have earlier made the above website in Dreamweaver. The design is in two or more tables. Now I have copied the html code into an ordinary page in WordPress Pageline.

The layout: Images and text under one pictures and another column with headline and text. I continued to optimizing the pages using SEO by Yoast. The optimized page was ok in the SEO by Yoast – but the lay-out was not aceptabel.

So I installed Tablepress recommended by the Swedish WordPress support.
I have made new pages in this plugin and put the tableid-code instead in the former (htmlcoded) BUT the tablecode took away the nice optimized seeking words through the plugin SEO by Yoast. And I understood that maybe I must use an other plugin to make the page/text in the table optimized. How can I go on.
Here is my site where I tried to word and make the lay-out and seeking words to get optimized. https://www.hiortdesign.se/demo1/
Marianne

Hi Marianne,

thanks for your post!

So, if I understand correctly, your problem is that the text in the table that you have added to a page with the Shortcode does not show up in the automatically generated keywords of the SEO plugin?

Well, yes, that’s correct, and there’s no way to change that. However, in my opinion, you should not worry too much about that. Google and other search engines do not look at the keywords and they will see the text in the table in the page just fine, and deliver that as a search result.

Now, if you really want those words in the keywords, you’ll not be able to use a plugin that uses Shortcodes, I guess, and that includes TablePress. In fact, the approach to use a table for this kind of layout is not really optimal. The reason for that is that in modern webdesign, tables should only be used to present tabular (usual numerical) data, but not for design purposes. That can nowadays much better be achieved with some custom HTML, e.g. based on <div> elements, and CSS code.

Regards,
Tobias

For me this is resolved by using the fixed table layout:

‘.tablepress-id-1 {
table-layout: fixed;
}’

Along with manually setting the column width of each column since the data in each varies in width. So I literally went in and set it column by column based on this recommendation:

‘.tablepress-id-1 .column-1 {
width: 200px !important;
}
.tablepress-id-1 .column-2 {
width: 50px !important;
}’

Working like a charm! Thanks so much for all your help Tobias.

For me this is resolved by using the fixed table layout:

.tablepress-id-1 {
table-layout: fixed;
}

Along with manually setting the column width of each column since the data in each varies in width. So I literally went in and set it column by column based on this recommendation:

.tablepress-id-1 .column-1 {
width: 200px !important;
}
.tablepress-id-1 .column-2 {
width: 50px !important;
}

Working like a charm! Thanks so much for all your help Tobias.

Hi,

very nice! Great to hear that manually setting the widths helped! ??

Best wishes,
Tobias

P.S.: In case you haven’t, please rate TablePress here in the plugin directory. Thanks!