Hi,
thanks for your post, and sorry for the trouble.
As these are English-language forums, I’ll reply in English. That way, more people can benefit from our discussion. I hope that’s ok.
The reason for this white background seems to be in your theme, which is adding it to all images that have the alignnone CSS class.
Thus, to fix this, it should be sufficient to remove the
class="alignnone size-full wp-image-36050"
part of the HTML code for the image.
Regards,
Tobias
Hello Tobias,
like English language, but anyone can translate into any language today – even in the WordPress universe, with one click. I prefer to speak on specific topics in my local language, especially on topics where even English people are looking for the right words.
I am not yet fully aware of what you mean or how I can implement it concretely.
I hope it doesn’t matter if you can send me a “1st, 2nd, ” description.
Best wishes
Juergen
Hi,
when you insert these circle images into a table cell, you get content (HTML code) like
<a href="https://www.umdex.de/wp-content/uploads/2021/11/Grau5.svg"><img src="https://www.umdex.de/wp-content/uploads/2021/11/Grau5.svg" alt="" class="alignnone size-full wp-image-36050" /></a>
in the table cells.
From that, please remove the
class="alignnone size-full wp-image-36050"
part near the end.
Alternative, and maybe easier in the future, please add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:
.tablepress .alignnone {
background-color: transparent !important;
}
Regards,
Tobias
Hello Tobias,
.tablepress .alignnone {
background-color: transparent !important; }
That worked wonderfully. Thank you very much for your quick support.
I think the DIVI builder is actually quite good. However, whether it is really better for TablePress than your CSS editor, … I’m not sure.
Best regards from Lower Saxony to Magdeburg!
Juergen
Hi,
no problem, you are very welcome! 🙂 Good to hear that this helped!
Yes, the Divi Extension is quite nice, but it might not be as flexible as using CSS code. But then again, no CSS coding is needed. I guess it has advantages and drawbacks 🙂
Best wishes,
Tobias
P.S.: In case you haven’t, please rate TablePress here in the plugin directory. Thanks!
Hi Tobias,
now I still have a question, because I intend to buy various extensions of TablePress – you offer very fair prices for a lot of nice Functions :).
I’m very familiar with ninja tables. For various reasons, however, I recognize that TablePress offers various advantages for our very extensive application. Now that I’ve worked my way in, TablePress feels very good in direct comparison.
I saw that you offer column filters, once as a widget.
If you please take a look at this table: https://www.umdex.de/umdex-website/ (scroll down a bit). There you will find filters such as “Blue Angel” or “EMAS” above the ninja table. When I press it, there are only entries that I have specifically provided with this property for the corresponding lines in the backend of Ninja. This has to happen separately, because the individual cells in TablePrss (in Ninja too) only contain images.
Do I solve this with your extensions “Column Filter?”. Or, if necessary, simply through invisible columns, which I then name e.B. with “EMAS” in order to be able to filter them – that’s how it works with Ninja.
Maybe you can answer this without much effort.
Best regards,
Jürgen
Hi Jürgen,
for this, I would indeed recommend to add a new column (hidden with CSS code) that contains the relevant properties as text, e.g. a comma-separated list).
Then, I would recommend the ColumnFilterWidgets Extension (from https://tablepress.org/extensions/datatables-columnfilterwidgets/ ) with its special datatables_columnfilterwidgets_separator Shortcode parameter.
The “Column Filter” Extension (from https://tablepress.org/extensions/datatables-column-filter/) will probably not really help here, as it adds search fields for each column, which is probably not what you need.
In addition, the DataTables Button Filter Extension from https://tablepress.org/extensions/datatables-button-filter/ could be worth a look.
Regards,
Tobias
Hi Tobias,
Ok, thats fine. I will check this und give you a Feedback. Maybe this is also interesting for other users.
Regards,
Jürgen
Hi Tobias,
I’m starting to love TablePress. Everything works, here is a temporary link to the construction site:
https://www.umdex.de/?page_id=34492&preview=1&_ppp=eab8bd5a99
The table is not finished yet, but with column-filter-widget I can do nice things if I simply set the corresponding columns to display: none via CSS (but does not work with the function “Hide table” in the backend).
I like how I can make everything pretty clean with CSS! In the end, I will use the following extensions and then pay all of them fairly in one payment.
– Responsive Tables (pending)
– Column-filter-widget (Works)
– DataTables Buttons (pending)
I have one more question:
As you can see from the table, icons are integrated into the individual cells. What HTML code (?) can TablePress still use to sort the columns?
Hi Tobias,
all solved. No more questions. I install the extensions and see if we can finally work with the table. Just a short question:
How do I put two shortcodes together: This is not how it works:
[table id=2 datatables_buttons=”pdf,print” datatables_columnfilterwidgets=true datatables_columnfilterwidgets_exclude_columns=1,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20 /]
Hi,
awesome! That’s great to hear!
Regarding the Shortcode problem: The reason for this wrong behavior is that the Extensions modify the same JS parameter. For a solution, please see https://wordpress.org/support/topic/conflict-columnfilterwidgets-and-buttons-1/#post-6715527
Regards,
Tobias
Hi,
great! Thanks for the confirmation!
Best wishes,
Tobias
