Question

所以我有以下代码但是当我尝试使用宽度100％将表格放在屏幕上时它不起作用。但是，如果我从表中删除mdl类及其正常的html表，那么它可以完美地工作。有没有什么办法解决这一问题？我在jsfiddle网站上有以下CSS，HTML和JS，所以你们更容易确定。

.full-width {
    width: 100% !important;
}

#removeTable{
  width: 100% !important;
}

<table id="createScheduleTable" class="mdl-data-table mdl-js-data-table mdl-shadow--2dp full-width">

https://jsfiddle.net/sphm1zxL/216/

Answer 1

由于white-space: nowrap;中的CSS样式mdl-data-table，输入字段保持在一行中。解决方法之一是：

<table id="createScheduleTable" style="white-space: normal;" class="mdl-data-table mdl-js-data-table mdl-shadow--2dp full-width">

使用mdl将表格宽度设置为100％但不起作用

1 个答案: