wpDataTables

Hello,
Just a small follow up- apologies for taking so long to reply.
I am glad these instructions are useful.
We tested all the CSS directly on your Page in the browser inspector tool, so it should work when you implement it as advised.

If anything else comes up, please don’t hesitate to create new Posts.
We are happy to help. 🙂

And thank you for the kind words.

Hello again,
You’re welcome; we are happy to advise as much as our Lite Support can cover.

Yes. This CSS fix we sent you was just a basic Custom CSS without ‘targeting’ a specific Table ID, or specific Table row/cell, etc.

If you need to insert a CSS just for a specific Table ID ( in this example ID 6), you can do this :

#wpdtSimpleTable-6 > tbody > tr:nth-child(7) > td {
… your styles here…
}

That way you can make different style for each Table.

From your initial description of the issue, we got the impression that you just needed all the rows/cells in your Table to have the same font color, and we provided that CSS fix.

But now, after the follow up/update from your end, it seems that you have set specific colors on each of the “month” merged cells, such as “MARCH”, “APRIL” and so on.

That complicates the situation/issue.

Basically, these are not “headers” as our Plugin renders it. They are just being rendered as ‘standard rows and cells’ via HTML.
For example, if you inspect the HTML on your Page, you will see that only the row at the top is a Header element, the “FEBRUARY” as on this screenshot :

So, this would be the CSS selector for the Header Row :
“.wpdt-c.wpDataTableContainerSimpleTable .wpdtSimpleTable.wpDataTable th” (table header element);
On the other hand, for your other month values beneath that, our Simple Table is only placing them as regular cell data. ( even though you are merging the cells)
For example, for the “MARCH” cell, a selector for that specific cell with the Table ID would be ( if we use the table ID, then row with “n-th child” and table data) :

#wpdtSimpleTable-6 > tbody > tr:nth-child(7) > td {
    color: red !important;
}

So, if you need to override the Theme conflict with Custom CSS, and you need to ‘target’ a specific Table ID, you can add the Table ID like that to your Selector;
And to target a specific row, you can use that “n-th child” selector.
Just add another line for each specific row with the right ‘child number’ for the element.
Please note a certain level of CSS knowledge is needed, so you can search for some additional tutorials online on places such as this Page from W3Schools.

Other than that, there is another way how you can add a “DIV” html container in a cell and add a custom CSS class which can be called later as a ‘global CSS class” in the Plugin settings.

Let’s say if we wanted a Custom Width property for some Column.
You can add a CSS class directly in a cell of a table,  and then you can edit, for example, for cell number 1 :
<div class=”abc”>Some text 123</div>

Then on the front end we would add this custom CSS:
td .abc {
   width: 350px;
}

and this will change the column width on the front-end.

It is a similar method to do any CSS rules that you wish to apply to a specific cell.

–

If you wish to add the same CSS to all tables, you can add this to main plugin settings/Custom JS and CSS/Custom CSS.
Or, to target specific Table ID, you can use the selector as we mentioned above, to add it like this :

#wpdtSimpleTable-6 td .customClassName{
    color: green !important;
}

Or, you can add CSS only to front-end Page where you have some Table, without adding it to our Plugin’s settings.

Custom code needs to be applied to the page where the booking form is. Depending on what you’re using (Gutenberg blocks, or some page builder), adding the CSS or JS can be done in a few different ways. 

If you need help with adding custom CSS to the page, please take a look at this article.

We hope that helps.

If not, then you would need to try to find which CSS of your Theme is overriding our Table’s Styles, as we mentioned at the beginning, and to ‘comment out’ the CSS code which is causing the issue for the Table not being the same between Back-End and Front-End.

Thank you.

Hello,
First, we apologize that our Main support took so long to get to your Pre-Purchase Ticket.
They have responded now, did their best to cover all the main details of your Use-Case.
Please check their response there, and you can ask them any additional questions.
On this specific Forum, it is just made for subjects about our Lite version of the Plugin, so we are not allowed to discuss anything about any Premium Features ( such as SQL Tables etc), as per this comment by ww.wp.xz.cn moderators.

Thank you for understanding. 

Kind regards.

Hello,
To begin, I want to extend my heartfelt apologies for the delayed reply, which is due to an unexpectedly high volume of inquiries.
We truly value your patience during this period.

This can be achieved with our Conditional Formatting Feature, but that is only available in the Premium Version.
If you wish to learn more details about the Premium version of the plugin, please open a ticket on our main Support platform here, choose the Pre-Purchase Ticket category,

 and one of our Agents will respond as quickly as possible.

Premium products are not supported in these forums, as per this comment by ww.wp.xz.cn moderators.

Thank you for understanding. 

Kind regards.

Hello again,
Apologies for replying so late to this issue.
Thank you for that confirmation.
We determined there is a conflict with the Porto Theme.

Here is a workaround you can do to fix it.

They are using this in the theme:

add_action( 'admin_enqueue_scripts', 'porto_admin_css', 1000 );
add_action( 'admin_enqueue_scripts', 'porto_admin_scripts', 1000 );

This means that whatever we do, their scripts will be executed last, and they are including those scripts on all admin pages, not only of theirs, which is not recommended by WordPress codex. 

So, we need to do the same thing, but with a lower priority, for example 1001, but just in case we set it to be 1100.

So, to fix the admin part, you need to add the following to the functions.php of the Theme or even better in a child theme, so then, this modification would stay unaffected by Theme updates :

function wdtRemoveEmbedScript (){
    if (isset($_GET['page']) && (strpos($_GET['page'], 'wpdatatables') !== false)) {
        wp_dequeue_style('porto_admin');
        wp_dequeue_style('porto_admin_bar');
        wp_dequeue_script('porto-admin');
    }
}
add_action( 'admin_enqueue_scripts', 'wdtRemoveEmbedScript', 1100 );

That fixes the admin ( back-end) part.

As for the front-end – the theme is using Bootstrap 4, so you can fix the display length with this:

.wpdt-c .wpDataTablesWrapper .dataTables_length .bootstrap-select .dropdown-toggle:after {
        display:none !important;
}
.wpDataTables .dataTables_length .btn-group.bootstrap-select.length_menu.show {
    display: inline-block !important;
}
.wpDataTables .dataTables_length .dropdown-menu.open.show {
    transform: none !important;
}

You will add that code in the Main Plugin settings/Custom JS and CSS/Custom CSS.
Let us know how it goes, that should fix the conflict.
Thank you.

• This reply was modified 2 years, 4 months ago by wpDataTables.

Hello,
1. When it comes to such a large DataSet, if you have more than around 6 thousand rows, the only way to have better performance is to switch to SQL based tables and our server-side processing;
but that is not available in the Lite version.

If you wish to learn more details about this, please open a ticket on our main Support platform here, and one of our Agents will respond as quickly as possible.

Premium products are not supported in these forums, as per this comment by ww.wp.xz.cn moderators.

Thank you for understanding. 

2. When it comes to rendering links in our Plugin, we are not able to open your Page, but we can advise.

it depends if you have one link per cell, or if you have multiple links in the same cell.

If you have one link per cell,  perhaps the easiest way is to use our URL Columns.

They have specific rendering rules :

Rendering rules: If the content of the cells contains a combination of “two sticks” – || – everything to the left of this combination is used as an URL address for the link, and everything to the right as displayed text. For example:

https://wpdatatables.com||Check out wpDataTables

will be rendered as:
Check out wpDataTables

If the “||” combination is not found in the content, the entire content will be used both for the link and as the display value. For example:
https://wpdatatables.com
will be rendered as:
https://wpdatatables.com

–

2.

Alternatively, you can use String Columns.

They can render custom HTML,  in that case, you would have to wrap the links in the source data as HTML anchor tags, for example :

<a href="https://www.w3schools.com">Visit W3Schools.com!</a>

will be rendered as hyperlink of displayed text : ” Visit W3Schools.com! “

 if you use String Columns, you will also be able to have multiple links in the same cell,  and combinations or images with links, etc ( if needed).

–

Let me know if that makes sense, and if you have any questions. Thanks

Hello,
This is most probably a Theme conflict, or perhaps a conflict coming from another Plugin on Site.
Can you please change the theme and see if the issue is resolved?
If not, then please deactivate all other plugins except for our plugin, refresh the page where the issue is, and see if it is resolved (it should be).
If it is, then start activating other plugins one by one, and after each activation refresh the page to see if the issue reoccurred.

Once it does reoccur, you will have found the plugin(or Theme) causing the issue.
We hope that helps.

• This reply was modified 2 years, 4 months ago by wpDataTables.

Hello @maxkrok;
Can you please confirm which dropdowns you mean when you say there are ‘blank options’ even though it is disabled?
Do you mean in our Advanced Column filtering, such as a Selectbox/MultiSelectbox filtering values?
If that is the case, that means you are using the Premium version of our Plugin, and we can not help you further with this use-case here.

If you’re using the Premium version of the plugin, please open a ticket on our main Support platform here,

 and one of our Agents will respond as quickly as possible.

Premium products are not supported in these forums, as per this comment by ww.wp.xz.cn moderators.
Just send them some screenshots to ensure that they can see exactly what kind of issue you are having and they will help you out.

Thank you for understanding. 

@tesrosado , we are happy to see that disabling those options fixed the dropdowns issue for you, that is awesome. 🙂

Kind regards.