Hello Jordan

Thank you for your purchase.

Please go to wpDataTables main Settings on your wp-admin page. You'll see Include full bootstrap front-end and Include full bootstrap back-end. Disable both sliders, hit Apply and refresh your page.

If this doesn't help, you may want to go to ../wp-content/plugins/wpdatatables/source/class.wdttools.php and comment the line 1006:

if (!is_admin() && get_option('wdtIncludeBootstrap') == 1) {
            wp_enqueue_script('wdt-bootstrap', WDT_JS_PATH . 'bootstrap/bootstrap.min.js', array('jquery', 'wdt-bootstrap-select'), WDT_CURRENT_VERSION, true);
        } else if (is_admin() && get_option('wdtIncludeBootstrapBackEnd') == 1) {
            wp_enqueue_script('wdt-bootstrap', WDT_JS_PATH . 'bootstrap/bootstrap.min.js', array('jquery', 'wdt-bootstrap-select'), WDT_CURRENT_VERSION, true);
        } else {
//             wp_enqueue_script('wdt-bootstrap', WDT_JS_PATH . 'bootstrap/noconf.bootstrap.min.js', array('jquery', 'wdt-bootstrap-select'), WDT_CURRENT_VERSION, true);        }

To try and fix the issue with 2 arrows, please go to ../wp-content/plugins/wpdatatables/assets/css/bootstrap/wpdatatables.bootstrap.css around line 4204, and change this:

.wpdt-c .caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid \9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

to this:

.wpdt-c .caret {
    display: none;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid \9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

So, just change the display property to "none". All dropdowns should work, and you should have only one down arrow.

Please check and let me know if all's good.

Hello again Jordan.

I needed to add this CSS to Custom CSS field to get rid of the second arrow, show the "Clear Filters" button, and to align the drop-down entries:

.dropdown-toggle::after {
display: none !important;
}
button.btn.dropdown-toggle.btn-default {
    margin: 0px !important;
    padding-bottom: 6px !important;
    padding-top: 6px !important;
    padding-left: 0px !important;
}
button.button.btn.wdt-clear-filters-button.waves-effect {
    color: inherit !important;
    font-weight: inherit !important;
    margin: inherit !important;
}

This is all coming from the theme you're using, since it's overwriting wpDataTables styles. This should fix all that.

As for the new entry - I had no issues with that (see attachment).

Please feel free to remove the last TEST row I added.

Hi again Jordan

I'm sorry to disappoint you, but unfortunately something like this is not possible with the plugin's built-in features.

It maybe can be done with some custom work, but our developers are very busy at the moment, working on some priority tasks and fixing bugs and issues with our plugins, so they won't be having the time for custom work in near future.

But we can recommend these services for customization:

https://codeable.io/?ref=l1TW1

https://wpkraken.io/?tms-plugins

They do develop such solutions, so can you please send your inquiry to them?