Topic: Change width of table column
Hi, I am using Basic And Material Design of Datatables of MDB React Tables in my project by using the same format, when I change the value of width of the column it can't show any changes in table.So how can I change the width of column of the table.
i still cant set the width of the columns, is there a solution now? Thanks
Piotr Glejzer staff commented 4 years ago
did you try to do something like that?
columns: [ { label: 'Name', field: 'name', width: 150, attributes: { 'aria-controls': 'DataTable', 'aria-label': 'Name' } }, ....
Fahad Abdul Karim free commented 4 years ago
@Piotr Glejzer it still doesnt work added code for ref const data = { columns: [ { label: "Question Type", field: "questionType", sort: "asc", width: 120 }, { label: "Text", field: "questionText", sort: "asc", width: 200 }, { label: "Created On", field: "createdAt", sort: "asc", width: 100 }, { label: "Options", field: "options", sort: "asc", width: 30 } ], rows: questionsListArr };
return ( Entire Question Banks {!loading && questionsList ? ( ) : ( )} ); };
Piotr Glejzer staff commented 4 years ago
can you copy and paste all your code?
Rickal Hamilton free commented 4 years ago
was there a solution to this?
Hello,
Thank you for the information. Unfortunately, after tests it becomes that is the bug, we will fix it in the near future.
Best regards,
Aliaksandr from MDB.
rashesh patel free commented 5 years ago
Is that bug resolved??
Aliaksandr Andrasiuk staff commented 5 years ago
For now, it's not resolved. Work on this in progress.
Best regards.
Fahad Abdul Karim free commented 4 years ago
i still cant set the width of the columns, is there a solution now? Thanks
Even in MDB official website in Datatable vertical scroll example there is no alignment of labels and its components.
So what should I do for alignment??
Hi, I have tried the same but I didn't get the perfect result, You can find in below link. https://wetransfer.com/downloads/ced3c42ff51664adb11392c13fb1346020190328042614/5cbc0bdfc3ecb0a83d2b1f84ffca23f620190328042614/77314d/preview/94bd93fddb41062503c7ea858b6f3f6620190328042614
Hello,
For change width of a column, you should add one of the next properties: scrollX or scrollY.
<MDBDataTable striped bordered scrollY hover entriesOptions={[5, 20, 25]} entries={5} pagesAmount={4} data={yourData} />
Best regards,
Aliaksandr from MDB.
Closed
This topic is closed.
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Closed
- ForumUser: Free
- Premium support: No
- Technology: MDB React
- MDB Version: 4.11.1
- Device: LAPTOP
- Browser: CHROME
- OS: WINDOWS 10
- Provided sample code: No
- Provided link: No