Horizontal Scroll Not Working
Horizontal Scroll Not Working
Nwilliams8162
Posts: 30Questions: 4Answers: 0
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
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
See also this thread which is asking a similar thing.
Allan
@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.