There's a way to change the size for the listbox in a filter?
For example, as showed in the pictures attached, the field mes (month) it's too wide for the 2 max. digits, the same case in Año (year), only need 4 digits.
If there's something related with CSS o php, please provide me an example, this is something new for me.
If you wish to 'target' a specific column filter and manipulate the width for this element only, while not affecting other column filters, you can use a CSS selector like this :
If you inspect the HTML of the Page where your table is, you will notice all these filters for columns have a similar name of their DIV (container) ID, they start with table_1_0_filter_sections, then each of them gets incremented by +1 number, such as :
table_1_1_filter_sections
table_1_2_filter_sections...
and so on...
So you need to find the right CSS selector and depending on the order, which column filter it is, you can manipulate each of them for the width like this.
Add this in your Table's Customize/Custom CSS and it will be applied.
Hi There !!!!
There's a way to change the size for the listbox in a filter?
For example, as showed in the pictures attached, the field mes (month) it's too wide for the 2 max. digits, the same case in Año (year), only need 4 digits.
If there's something related with CSS o php, please provide me an example, this is something new for me.
Thanks in advanced.
Attached files: img1.png
img2.png
Hello,
If you wish to 'target' a specific column filter and manipulate the width for this element only, while not affecting other column filters, you can use a CSS selector like this :
#table_1_1_filter_sections {
width: 115px !important;
}
If you inspect the HTML of the Page where your table is, you will notice all these filters for columns have a similar name of their DIV (container) ID, they start with table_1_0_filter_sections, then each of them gets incremented by +1 number, such as :
table_1_1_filter_sections
table_1_2_filter_sections...
and so on...
So you need to find the right CSS selector and depending on the order, which column filter it is, you can manipulate each of them for the width like this.
Add this in your Table's Customize/Custom CSS and it will be applied.
Let me know if that helps.
Kind Regards,
Miloš Jovanović
[email protected]
Rate my support
Try our FREE mapping plugin! MapSVG - easy Google maps, interactive SVG maps and floor plans, choropleth maps and much more - https://wordpress.org/plugins/mapsvg-lite-interactive-vector-maps/
wpDataTables: FAQ | Facebook | Twitter | Instagram | Front-end and back-end demo | Docs
Amelia: FAQ | Facebook | Twitter | Instagram | Amelia demo sites | Docs | Discord Community
You can try wpDataTables add-ons before purchasing on these sandbox sites:
Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables
Great !!!!
It works perfect !!!!