Horizontal Scroll Not Working

Nwilliams8162

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.

allan

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

allan

See also this thread which is asking a similar thing.

Allan

Nwilliams8162

@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.