html - 标题向右倾斜 45 度的表格的右侧列标题被截断

Question

我有一个标题向右倾斜 45 度的 DataTable，它将右侧的列详细信息延伸到表格外部并且内容被截断。我已将表格放在 bootstrap 3 容器流体中。然后我将 padding-right 设置为 200px 并将 z-index 设置为 99。但是，内容仍然被截断。

请问还有其他解决方案吗？

CSS：

.paddingRight {
    padding-right: 200px;
    z-index: 99;
}

html:

<div class="container-fluid col-lg-12 col-md-12 col-sm-12 col-xs-12 paddingRight">
    <table class="table table-hover table-striped table-bordered display nowrap" id="attendanceDetailsTable">
        <!-- table data will be placed in here -->
    </table>
</div><!-- /container -->

js：

$('.table').css({"width":"100%"});

结果：