Horizontal Scroll Not Working

Horizontal Scroll Not Working

Nwilliams8162Nwilliams8162 Posts: 30Questions: 4Answers: 0
edited May 1 in Free community support

Link to test case:
https://4941357-sb1.extforms.netsuite.com/app/site/hosting/scriptlet.nl?script=668&deploy=2&compid=4941357_SB1&h=5f053b3545911d1989e6

user: nrw
pass: 1234

Click on the "Workorders" navigation item on the left and you will see the Datatables load. It correctly loads but does not scroll or show scroll bar and then the moment you resize the window it gets way too big left/right.

Replies

  • allanallan Posts: 61,972Questions: 1Answers: 10,160 Site admin

    I don't believe that this is a DataTables issue, but rather the use of flex-box containers which are allowed to grow with the content. Have a look at this SO post on the topic.

    Allan

  • allanallan Posts: 61,972Questions: 1Answers: 10,160 Site admin

    See also this thread which is asking a similar thing.

    Allan

  • Nwilliams8162Nwilliams8162 Posts: 30Questions: 4Answers: 0
    edited May 1

    @allan thanks for checking. So, i'm using bootstrap 5 and I know datatables has css/js for that but then does it not natively work in bootstrap 5?

    <div class="container">
    <div class="row">
    <div class="col-md-12 workorderlist-form-group">
    <div class="card">
    <div class="card-header">
    <!-- Title -->
    <h4 class="card-header-title">WO List</h4>
    </div>
    <div class="card-body">
    <div class="workorderlistcontainer"><span class="workorder-list-loading">Loading Work Orders...</span></div>
    </div>
    <!--END CARD BODY-->
    </div>
    <!--END CARD-->
    </div>
    </div>
    </div>

    workorderlistcontainer is the div were the table gets created. Trying to figure out what to do. Tried these resources but they didn't seem to effect anything.

Sign In or Register to comment.