DataTable with a fixed width, how to increase width


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

Rafael Áquila asked 6 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 Szymanska staff pro premium answered 6 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 Szymanska staff pro premium answered 6 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


Marta Szymanska staff pro premium answered 6 years ago

Hi,

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

Best, Marta


Rafael Áquila commented 6 years ago

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

What code did u put ?


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
  • User: Free
  • Premium support: No
  • Technology: General Bootstrap questions
  • MDB Version: -
  • Device: Notebook
  • Browser: Chrome
  • OS: Ubuntu
  • Provided sample code: No
  • Provided link: Yes