Visual Builder

Get Involved. Join the Conversation.

Topic

    Kalpesh Darji
    How to cover full screen for table having 5 columnsAnswered
    Topic posted October 23, 2019 by Kalpesh DarjiGreen Ribbon: 100+ Points, tagged JET, Layout, UI 
    32 Views, 3 Comments
    Title:
    How to cover full screen for table having 5 columns
    Summary:
    How to cover full screen for table having 5 columns
    Content:

    Hi All,

    How to cover full screen for table having 5 columns. 

    Code Snippet:

    Best Comment

    Shay Shmeltzer

    This works for me:

    <div class="oj-flex">
      <oj-table scroll-policy="loadMoreOnScroll" id="oj-table--1987929395-1" class="oj-flex-item oj-sm-12 oj-md-12"
        data="[[$page.variables.giftsListSDP]]" columns='[{"headerText":"Product","field":"product"},{"headerText":"SKU","field":"sKU"}]'
        display="grid"></oj-table>
    </div>

     

     

    Comment

     

    • John Ceccarelli

      Probably put some CSS on the table that fits full width of the enclosing div. More of a general JET question than a specific VB one, I think.

    • Shay Shmeltzer

      This works for me:

      <div class="oj-flex">
        <oj-table scroll-policy="loadMoreOnScroll" id="oj-table--1987929395-1" class="oj-flex-item oj-sm-12 oj-md-12"
          data="[[$page.variables.giftsListSDP]]" columns='[{"headerText":"Product","field":"product"},{"headerText":"SKU","field":"sKU"}]'
          display="grid"></oj-table>
      </div>