A Display Option?

  • Resolved markmidmo

    (@markmidmo)


    6 years, 2 months ago

    The link is to a “test file” that I’m working with. When this table is complete it will have about 20 columns – far too many to display on a single screen. There would be about 300 records in the table.

    The option I am looking for may not exist, but I thought I’d ask as I really like Tablepress for my tables.

    On this page I’d like to be able to display a few key columns, then select a record and display that record on another page in “Stacked format” with the column headings in the left column.

    Obviously I could create a link to a page for each record but that would mean maintaining 300 individual pages to support that solution.

    Is there a way to do this in tablepress (or maybe something in the works???)

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Tobias Bäthge

    (@tobiasbg)

    6 years, 2 months ago

    Hi,

    thanks for your post, and sorry for the trouble.

    From what I understand, the easiest solution for this might be to use the TablePress Extension from https://tablepress.org/extensions/responsive-tables/ and its collapse mode. That would only show a few columns, but the others would be shown after clicking on a record.

    Regards,
    Tobias

    Thread Starter markmidmo

    (@markmidmo)

    6 years, 2 months ago

    I have downloaded the Responsive plug-in and that looks like it will solve the problem. However, the table display on the initial row is a mess. I’ve set the width on the first 3 columns trying to get it to look pretty but it just squeezes most of the remaining columns to the right side. There are a couple of columns displayed in the fold.

    Is there something I should be doing to make the break from line 1 to the remaining items look better?

    here is the shortcode I’ve used: [table id=17 responsive=collapse /]

    in the plugin options I entered this:

    .tablepress-id-17 .column-2 {
    width: 100px;
    }

    .tablepress-id-17 .column-1,
    .tablepress-id-17 .column-3 {
    width: 200px;
    }

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    6 years, 2 months ago

    Hi,

    can you please also add

    .tablepress {
  table-layout: auto;
}

    to the “Custom CSS”?

    Regards,
    Tobias

    Thread Starter markmidmo

    (@markmidmo)

    6 years, 2 months ago

    That solved the problem with too many fields being displayed on a line.

    Am I correct that I cannot size any of the other columns when using “auto”? For example Column 3 is a club name and now it is being wrapped.

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    6 years, 2 months ago

    Hi,

    you could try, with slightly modified CSS code:

    .tablepress-id-17 .column-3 {
  width: 250px
  min-width: 250px;
}

    Regards,
    Tobias

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘A Display Option?’ is closed to new replies.