【发布时间】：2018-06-07 01:05:37
【问题描述】：
Hi 我的引导表看起来并不完美。
其他页面需要一些外部样式，这些样式从我的自定义 CSS 应用到我的表格。
我必须缩小引导表列之后的空间。我需要覆盖这些样式。
请帮助我覆盖这些样式并完美地查看表格。
<style type="text/css">
thead {
display: flex;
flex-direction: column;
align-items: stretch;
width: 100%;
}
tbody {
overflow-y: scroll;
}
thead > tr, tbody > tr, tfoot > tr {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
}
thead, tfoot {
flex-shrink: 3;
}
th, tbody td
{
width: 20%; /* this can vary */
overflow-x: hidden;
text-overflow: ellipsis;
display: inline-block;
}
.container{
margin: 20px 0;
}
</style>
<div class="row">
<div class="col-md-12">
<div class="form-group">
<input type="submit" class="btn btn-primary addnew" value="Add New" ng-click="addNew()">
<input ng-hide="!jobGroupDetails.length" type="button" class="btn btn-danger" ng-click="remove()" value="Remove">
</div>
<div class="scrollable">
<table class="table table-striped table-bordered table-condensed">
<thead>
<tr>
<th>
<input type="checkbox" ng-model="selectedAll" ng-click="checkAll()" />
</th>
<th>JobGroupName</th>
<th>Start Date</th>
<th>End Date</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="jobGroupDetail in jobGroupDetails">
<td>e1</td>
<td>e2</td>
<td>e3</td>
</tr>
</tbody>
</table>
</div>
<div class="text-center">
<button type="button" class="btn btn-primary" value="Submit" ng-click="saveJobData()">Submit</button>
<button type="button" class="btn btn-primary" value="Submit" ng-click="initiateLambda()">Initiate Lambda</button>
</div>
</div>
</div>
</div>
嗨，我的引导表看起来并不完美。其他页面需要一些外部样式，这些样式从我的自定义 CSS 应用到我的表格，我必须缩小引导表列之后的空间。我需要覆盖这些样式。
【问题讨论】：
标签： html css twitter-bootstrap-3