Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!


Topic: DataTable with a fixed width, how to increase width

Rafael Áquila free asked 5 years ago


I would like to increase the dataTable width to ocupy the whole section I'm using:

<table id="dtBasicExample" class="table table-striped table-bordered w-auto" cellspacing="0" th:fragment="table" width="100%">

enter image description here

https://ibb.co/Kzj2bv8


Marta Wierzbicka staff answered 5 years ago


Hi,

I removed this line: <section width="200%"> and replaced with this <section>. And from this line: <table id="dtBasicExample" class="table table-striped table-bordered w-auto" cellspacing="0" th:fragment="table" width="100%">, I removed this class w-auto and it works.

Best, Marta


Marta Wierzbicka staff answered 5 years ago


Hi,

try this code: https://mdbootstrap.com/snippets/jquery/marta-szymanska/409250.

Best, Marta


Rafael Áquila free commented 5 years ago

Nothing yet. I've copied but still doesn't increase. Only in the snippets.

What code did u put ?


Marta Wierzbicka staff answered 5 years ago


Hi,

would you present your table in the snippet here: https://mdbootstrap.com/snippets/? It will be easier for me to help you when I will see your code.

Best, Marta


Rafael Áquila free commented 5 years ago

https://mdbootstrap.com/snippets/jquery/rafael_aquila/408007



Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

  • ForumUser: Free
  • Premium support: No
  • Technology: General Bootstrap questions
  • MDB Version: -
  • Device: Notebook
  • Browser: Chrome
  • OS: Ubuntu
  • Provided sample code: Yes
  • Provided link: Yes