We're Moving to a New Support Platform – Starting June 1st!

We’re excited to let you know that starting June 1st, we’ll be transitioning to a new support system that will be available directly on our product websites – Amelia, wpDataTables, and Report Builder. In fact, the new support platform is already live for Amelia and wpDataTables, and we encourage you to reach out to us there.

You'll always be able to reach us through a widget in the bottom right corner of each website, where you can ask questions, report issues, or simply get assistance.

While we still do not offer live support, a new advanced, AI-powered assistant, trained on our documentation, use cases, and real conversations with our team, is there to help with basic to intermediate questions in no time.

We're doing our best to make this transition smooth and hassle-free. After June 1st, this current support website will redirect you to the new "Contact Us" pages on our product sites.

Thanks for your continued support and trust – we’re excited to bring you an even better support experience!

Okay
  Public Ticket #2812021
Responsive Product Table
Closed

Comments

  • Pascal Block started the conversation

    Hi there,

    I really like the clean look of your responsive products table and wanted to built a similar looking table. I was wondering if you could share how you achieved the look? Did you use any CSS for it?

    Thanks &

    Best regards

    Pascal

  •  2,576
    Aleksandar replied

    Hello Pascal.

    Yes, we've added some custom CSS to that page:

    .wpdt-c .wpDataTablesWrapper table.wpDataTable .even:hover > td
    {
        background-color: #fff !important;
    }
    .wpdt-c .wpDataTablesWrapper table.wpDataTable .odd:hover > td{
        background-color: #fff !important;
    }
    @media screen and (min-width:1024px) and (max-width:1270px) {
        td.column-os,td.column-battery,td.column-price,td.column-weight,td.column-graphics,td.column-ram,
        th.column-os,th.column-battery,th.column-price,th.column-weight,th.column-graphics,th.column-ram{display:none;}
    }
    @media screen and (min-width:1270px) and (max-width:1560px) {
        td.column-os,td.column-display,td.column-battery,td.column-weight,td.column-ram,td.column-graphics,td.column-processor,td.column-harddisk,
        th.column-os,th.column-display,th.column-battery,th.column-weight,th.column-ram,th.column-graphics,th.column-processor,th.column-harddisk{display:none;}
    }
    @media screen and (min-width:1560px) and (max-width:1700px) {
        td.column-os,td.column-weight,td.column-graphics,th.column-os,th.column-weight,th.column-graphics{display:none;}
    }

    Also, the background color of the header, and it's borders have been changed to white with this CSS:

    .wpdt-c.wpDataTablesWrapper table.wpdtSimpleTable thead th,
     .wpdt-c .wpDataTablesWrapper table.wpDataTable thead th,
     .wpdt-c .wpDataTablesWrapper table.wpDataTable thead th.sorting {
        border-color: #f2f2f2 !important;
    }
    .wpdt-c.wpDataTablesWrapper table.wpdtSimpleTable.bt[data-has-header='1'] td.wpdt-header-classes,
     .wpdt-c.wpDataTablesWrapper table.wpdtSimpleTable thead th,
     .wpdt-c .wpDataTablesWrapper table.wpDataTable thead th,
     .wpdt-c .wpDataTablesWrapper table.wpDataTable thead th.sorting {
        background-color: rgb(255,255,255) !important;
    

    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

  • Pascal Block replied

    Hi Aleksander,

    thank you very much for your reply and sharing the custom CSS of the page!

    Best regards,

    Pascal

  •  2,576
    Aleksandar replied

    You're welcome, Pascal

    Glad I could be of service.

    If you have any further questions or issues, please feel free to open a new ticket, and we'll gladly help.

    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