1. MDB Home Page
  2. Support Main Page
  3. General Bootstrap questions
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
Write
Create snippet
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
Tags
datatables size
About author
Rafael Áquila
5Support score
1Questions 0Answers 1Snippets