我在html5中有一个表格。其中一列是描述栏。而且因为我使用引导类"col-md-2"
。说明时间长了很多。我想为该特定的<td>
启用垂直滚动。我曾尝试使用style="overflow-y: auto;"
与td。但是,它似乎并不奏效。垂直滚动条到表格的每一行的一列
HTML文件:
<div class="panel-body">
<table ng-if="applicationListAdmin" st-table="applicationTable" class="table table-striped">
<tr>
<th>Application No.</th>
<th>Project Title</th>
<th>Project Description</th>
<!-- <th>DataSet Available</th> -->
<!-- <th>Impact</th> -->
<th>Number of Interns</th>
<th>Expected SkillSet</th>
<th>Software Licenses Needed</th>
<th>Hardware Requirements</th>
<th>Status</th>
<th>Update</th>
</tr>
<tbody>
<tr ng-repeat="application in applicationListAdmin">
<td class="col-md-2">{{application.number}}</td>
<td class="col-md-2">{{application.title}}</td>
<td class="col-md-2" style="overflow-y: auto;">{{application.description}}</td>
<td class="col-md-1">{{application.numberOfInterns}}</td>
<td class="col-md-2">{{application.skillSet}}</td>
<td class="col-md-2">{{application.software}}</td>
<td class="col-md-2">{{application.hardware}}</td>
<td class="col-md-2">{{application.state}}</td>
<td>
<i class="material-icons" ng-click="view(application._id)">receipt</i>
<i class="material-icons" ng-click='edit(application._id)' style="color:red">edit</i>
<i class="material-icons" ng-click="remove(application._id)" style="color:red">delete</i>
</td>
</tr>
</tbody>
</table>
为表CSS值:
th,td {
/*border-style: solid;
border-width: 5px;
border-color: #BCBCBC;*/
word-wrap: break-word;
}
table {
table-layout: fixed;
width: 100%;
}
哪里是其他CSS?刚刚溢出:自动不起作用 –
@KK - 我已经添加了表格的css,请原谅不要提前添加它 – Tarun