lindseyleannej

@jonua would it be possible on mobile for the Table Heading Descriptors to appear within each row for clarity?

For example the client is concerned a lot of the context for the data is lost from desktop to mobile:
Desktop View:

where each number is clearly associated with Material, Quanity, Unit Price and Misc

to mobile where those drop away.

Mobile View

Truly appreciate your assistance and hopefully we can find a solution for them. I know they love the visual table and would willingly pay for a Pro version long-term.

• This reply was modified 7 years, 9 months ago by lindseyleannej.
• This reply was modified 7 years, 9 months ago by lindseyleannej.
• This reply was modified 7 years, 9 months ago by lindseyleannej.

We’ve figured out the solution to this, thank you

@csleh and @jonua did you ever find a viable solution for this?

Essentially the Table Heading Data gets lost on mobile so the numbers beneath each section become unclear without those headings moving into each unique row.

Is this feasible or has anyone created code to do this?

I also need to turn the

within that into a Repeater field

Sorry to further specify, here’s the code I”m looking at… essentially I’m trying to allow a custom field for the Table Title and Subtitle to Appear (as well as a little flyout menu). I’ve set variables above, but wasn’t sure how to call them correctly. Really appreciate any insight!

<section id="section__table" class="mdl-data-table mdl-js-data-table mdl-shadow--2dp">
<?php 
$table = $section['table'];
$title = $section['title'];
$subtitle = $section['subtitle'];

if ( $table ) {

    echo '<table border="0" class="mdl-data-table mdl-js-data-table">';

        if ( $table['header'] ) {

            echo '<thead>
            <aside id="section__table--content" class="wrapper">
              <h2>Title</h2>
              <h5>Subtitle</h5>
   

              <button class="mdl-button mdl-js-button mdl-js-ripple-effect mdl-button--icon" id="btn1">
                <i class="material-icons">more_vert</i>
              </button>

              <ul class="mdl-menu mdl-js-menu mdl-menu--bottom-right" for="btn1">
                <li class="mdl-menu__item">Lorem</li>
                <li class="mdl-menu__item" disabled>Ipsum</li>
                <li class="mdl-menu__item">Dolor</li>
              </ul>

            </div>
            </aside>';

                echo '<tr>';

                    foreach ( $table['header'] as $th ) {

                        echo '<th>';
                            echo $th['c'];
                        echo '</th>';
                    }

                echo '</tr>';

            echo '</thead>';
        }

        echo '<tbody>';

• This reply was modified 7 years, 10 months ago by lindseyleannej.
• This reply was modified 7 years, 10 months ago by lindseyleannej.

I am getting a related error but I only have about 8 lists.. the newest list that was just added today doesn’t show up after refreshes. How can we get it to appear?

Thank you,