Center Table & Reduce Width | ww.wp.xz.cn

Resolved MelissaLaverty
(@melissalaverty)

12 years, 2 months ago

I created a table (such a great plug-in) and I used this code to center it and shrink the width using this code I found in your Support Forums.

.dataTables_wrapper .tablepress {
width: auto;
margin: 0 auto 1em !important;
}

I expected it would format all subsequent tables similarly, but unfortunately, even with the same column widths, I can’t get my newest table to act the same way.
http://www.pipeline-management.com/table-salesforce/

Thank you!

https://ww.wp.xz.cn/plugins/tablepress/

Viewing 3 replies - 1 through 3 (of 3 total)

Plugin Author Tobias Bäthge
(@tobiasbg)

12 years, 2 months ago
Hi,

thanks for your post, and sorry for the trouble.

The reason for this is that this table does not use the DataTables JS features, and therefore does not get that dataTables_wrapper CSS class.
The fix is however easy: Just remove that CSS class from the CSS code, i.e. change it to
```
.tablepress {
  width: auto;
  margin: 0 auto 1em !important;
}
```
Regards,
Tobias
Thread Starter MelissaLaverty
(@melissalaverty)

12 years, 2 months ago

Perfect! Thank you.

Plugin Author Tobias Bäthge
(@tobiasbg)

12 years, 2 months ago

Hi,

no problem, you are very welcome! 🙂 Good to hear that this helped!

Best wishes,
Tobias

P.S.: In case you haven’t, please rate TablePress here in the plugin directory. Thanks!

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Center Table & Reduce Width’ is closed to new replies.

Tags

3 replies
2 participants
Last reply from: Tobias Bäthge
Last activity: 12 years, 2 months ago
Status: resolved