Okay
  Public Ticket #2292648
Your New Site
Closed

Comments

  •  1
    Gary Estenson started the conversation

    Hi ....

    Just purchased wpDataTables and I have few questions.

    1. For larger tables there is an option to include a horizontal scroll bar on the bottom, but would if I want the entire table show without wrapping the columns in fixed width? Is there any way to simply reduce the size of the font in the table to show everything? Right now, it looks like the table inherits the font size of the regular text in the website. It would be nice if I could make the font size smaller to make everything fit.

    2. Is there a way to word wrap the table headers only? For a lot of my data tables the numbers are only a few characters, say 105, 202, etc., but the column headers, since they are words, take up a lot more characters.

    3. Is there a way to style just the header row with different color fonts and background? I see there is an option for conditional formatting, but that applies color to the whole table.

    4. Is there a way to style the print button, csv button,  search box, etc.? I would like to make the colors more consistent with the style of my website. Also, regarding the search box. My site has a white background and the search box is also white, and therefore is almost totally invisible.

    5. Tables names. I've already made a few tables where I have forgotten to name the before saving, so the default name of "New wpDataTable" is given. In the dashboard, it says to "click" to rename. But I am unable to click into the box to edit.

    Thanks, Gary.

     



  •  1
    Gary Estenson replied

    6. Is there any way to create a table template? In other words, I have a lot of tables with identical formatting. It would be nice if I could just pull an old template out and format everything the same way.

    7. Column Widths: Really having a tough time with column widths. With a lot of tables, I'm just experimenting with each column. Looking at my site, going back ... moving on to the next column ... getting all the way through all my columns. Looking again, and then when all is said and done it doesn't look good at all. Microsoft Excel had a feature where you just click a border and the column widths narrow or expand to fit the width of the data with header. Is there a similar feature?

    8. Generally, does anyone know how long it takes to get support? Kind of doing nothing waiting for a reply ....


  •  2,513
    Aleksandar replied

    Hello Gary

    Thank you for your purchase.

    1. You can change font settings in main settings of wpDataTables/Color and Font settings:

    6193994991.png

    2. Yes, this would be possible with some simple CSS.

    It should look something like this:

    .wpdt-c th.column-newcolumn {
    white-space: normal !important;
    width: 200px !important;
    }

    Where "newcolumn" is the column's name from the database. You can see this when you open the settings of that column:

    7066698276.png

    3. This can also be done with some CSS. You need to find the column name in the column settings:

    6037346968.png

    Then add the following CSS:

    .wpdt-c th.column-product {
    background-color: red !important;
    }
    

    My test table has columns "Name", "Product", "Date" and "Image", so my CSS would look like this:

    .wpdt-c th.column-name {
    background-color: gray !important;
    }
    .wpdt-c th.column-product {
    background-color: red !important;
    }
    .wpdt-c th.column-date {
    background-color: blue !important;
    }
    .wpdt-c th.column-image {
    background-color: wheat !important;
    }
    

    And the outcome would be:

    9987106445.png

    If you want to apply this to all tables, you can paste the CSS in Custom CSS field in Custom JS and CSS tab in main settings of wpDataTables. If, however, you wish to apply this only to a certain table on front-end, you need to add it when you're creating the page, above the shortcode, in between the <style>...</style> tags, like this:

    <style>
    .wpdt-c th.column-name {
    background-color: gray !important;
    }
    .wpdt-c th.column-product {
    background-color: red !important;
    }
    .wpdt-c th.column-date {
    background-color: blue !important;
    }
    .wpdt-c th.column-image {
    background-color: wheat !important;
    }
    </style>
    [wpdatatable id=1]

    4. Again, this would be possible with some custom CSS. For example:

    a.dt-button.buttons-print.DTTT_button.DTTT_button_print {
    color: green !important;
    }
    a.dt-button.buttons-excel.buttons-html5.DTTT_button.DTTT_button_xls {
    color: red !important;
    }
    a.dt-button.buttons-csv.buttons-html5.DTTT_button.DTTT_button_csv {
    color: blue !important;
    }
    a.dt-button.buttons-copy.buttons-html5.DTTT_button.DTTT_button_copy {
    color: orange !important;
    }
    

    And they would look like this:

    1790648736.png

    You can also use the same logic on "Add new", "Edit" and "Delete" buttons. The selectors would be:

    a.dt-button.new_table_entry.DTTT_button.DTTT_button_new
    a.dt-button.disabled.edit_table.DTTT_button.DTTT_button_edit
    a.dt-button.disabled.delete_table_entry.DTTT_button.DTTT_button_delete
    

    To style the search button, you can add something like this:

    div#table_1_filter {
    background-color: aqua !important;
    }
    

    So it looks like this:

    5875699275.png

    5. When you access your table, simply click on this field in top left, and enter a new name:

    7897933692.png

    6. Unfortunately, there's no way to add a template, but you can duplicate the tables from the tables' list:

    8081069677.png

    If you're creating manual tables, please make sure to leave the slider that comes up when you click on "Duplicate" enabled. It will create a new copy of that table in the database, so you don't lose any data from the first table when modifying its copies.

    7. You can change columns' width if you enable "Limit table width" in the "Display" tab above the table. When you do that, each column will have a "Column Width" feature:

    5085508320.png

    Unfortunately, dragging and resizing columns like that is not yet possible with the plugin's built-in features. Our developers do have that on their "To-Do" list, but I cannot say when or if it will be implemented. Microsoft Excel is a product that has been developing for over 30 years by Microsoft, and it is extremely powerful. wpDataTables is simply a WordPress plugin, and it doesn't have nearly as much features as Excel.

    8. Our working hours are from 10:00 - 17:00 CET, Monday - Friday. We respond to tickets in the order in which they arrive, so it may take some time until we get to your ticket. We tend to respond to tickets as soon as possible, but it all depends on the amount of tickets, the complexity of requests, time-zone difference and so on. We guarantee a response will be provided within 5 business days, but it was never that long. Average response time is around 12 hours.

    Kind Regards, 

    Aleksandar Vuković
    [email protected]

    Rate my support

    wpDataTables: FAQ | Facebook | Twitter | InstagramFront-end and back-end demo | Docs

    Amelia: FAQ | Facebook | Twitter | InstagramAmelia 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