Bootstrap 3将标签添加到表格中的单元格

时间:2016-06-07 09:31:42

标签: css twitter-bootstrap-3 customization

我做了一个小提琴,在表格单元格中添加标签。

以下是fiddle

我正在尝试为我的第一行添加一个绿色标签,但它非常难看我的设计非常糟糕,如果你调整浏览器的大小,我的标签就会消失。你有什么建议让这更好吗?

我之所以这样做,是因为我必须告诉用户该行已在我的应用中进行了编辑。

.customrow{
  margin-top:-11px;
  margin-left:-43px;
  padding-top:13px;
  padding-bottom:20px;
  margin-right: 5px;
  position: absolute;
}

th {
    white-space: nowrap;
}
td {
    white-space: nowrap;
}

非常感谢。

2 个答案:

答案 0 :(得分:1)

根据您的要求,我为跨度创建了一个班级<product data="products" filter="category.categoryID"></product> 并应用了自定义css

leftrow

Jsfiddle

希望有所帮助:)

答案 1 :(得分:0)

您可以使用boostrap badge类或只是突出显示单元格

我已在此JsFiddle

中展示了我的两条建议