Top Row As Header

  • Resolved Caoba

    (@caoba)


    2 years, 1 month ago

    Hi,

    For the mobile display, I am trying to put the top row as header and 3 items per header, but I can’t find the way. I am using the manual (default) method of table creation.

    I want it to look like this, attached screenshot:

    https://prnt.sc/1cZmOR6XDXVz

    How can I do it?

    I was able to do this with the Drag & Drog method, but something goes wrong in the mobile view, a horizontal scroll is displayed with a blank space next to the table. And on the desktop the vertical scrollbar is displayed without utility. Attached a screenshot:

    https://prnt.sc/saKpFDKZH2Dr

    Thank you.

    • This topic was modified 2 years, 1 month ago by Caoba.
    • This topic was modified 2 years, 1 month ago by Caoba.
    • This topic was modified 2 years, 1 month ago by Caoba.
    • This topic was modified 2 years, 1 month ago by Caoba.
    • This topic was modified 2 years, 1 month ago by Caoba.
Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Support Syed Numan

    (@annuman)

    Hello @caoba,

    Please share the table page URL here, I will share the CSS to fix the scroll for both devices.

    Thank You

    Thread Starter Caoba

    (@caoba)

    Hello,

    Here the table page URL:

    https://zapantojos.com/size-chart/

    Thanks you very much.

    Thread Starter Caoba

    (@caoba)

    Hello @annuman ,

    Can you look at it when you can?

    Thank you!

    Plugin Support Syed Numan

    (@annuman)

    Hello @caoba,

    I can’t see any horizontal scrollbar on the mobile device. But there is only a vertical scrollbar on desktop mode. To hide that scrollbar, use the following CSS in the WordPress Additional CSS section. 

    div#ninja_table_builder_37087 {
    overflow-y: inherit !important;
}

    Thank You

    Plugin Support Syed Numan

    (@annuman)

    Hello @caoba,

    Ignore the previous CSS, as we have released an update where it has been fixed. Update the plugin to see it.

    Thank You

    Thread Starter Caoba

    (@caoba)

    Hello @annuman , thanks for the update.

    I have been able to verify that the problem with horizontal scrollbar on the mobile device happens in the Opera browser.

    Do you know if it can be solved?

    Thanks!

    Hello there,

    I am trying to fix the problem with rows in my table. I inserted in Ninja excel file. So, in my table it must be show the header rows (MB,PIB,NAZIV PREDUZE?A, ADRESA, MESTO TELEFON) and search box on frontend, not entire data of my table, as It is now.. What I have to do to hide all data from frontend.

    This is link https://centarbezbednosti.com/index.php/pretraga/

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Top Row As Header’ is closed to new replies.