Question

在Angular js ui rid中，如何删除垂直和水平滚动条？

此外，对于每个列标题，我默认会获得一个小胡萝卜图标，其中显示排序提升，排序下降，隐藏列。我想从列标题中删除它。

相反.table-striped默认为ui网格，我想使用.table-bordered。有没有地方可以将这些参数设置为ui grid？

Answer 1

    enableHorizontalScrollbar : 0,
    enableVerticalScrollbar : 0,
    enableSorting : false,
    enableColumnMenus : false;

Answer 2

@Asqan回答你问题第一部分的答案很好。第二部分：

相反.table-striped默认为ui网格，我想使用.table-bordered。有没有地方可以将这些参数设置为ui grid？

我在想你的意思是想要我在this plunker创建的外观。

您可以通过以下两种方式之一解决这些问题。

1）自定义ui-grid css

2）保留原始的ui-grid css，然后在你自己的css文件中覆盖它

我展示了解决“剥离”问题的第一个选项，以及实现所需边框的第二个选项。 我之所以这样做只是为了让你可以看到两个选项 - 我建议选择并使用一种方法或其他方法。

ui-grid设置你在css中引用的“.table-striped”外观。您可以在自己的css文件中使用customizer tool覆盖它，并将@rowcoloreven和@rowcolorodd字段设置为白色#ffffff的十六进制代码。这将更新ui-grid css以包含以下内容：

.ui-grid-row:nth-child(odd) .ui-grid-cell {
  background-color: #ffffff;
}
.ui-grid-row:nth-child(even) .ui-grid-cell {
  background-color: #ffffff;
}

对于“.table-bordered”，请在style.css文件中特别注明这些添加的行

.ui-grid-cell {
    border-style: solid;
    border-bottom: 1px #ff0000;
}

对于Angular js ui grid删除右侧和底部滚动寄宿生

2 个答案: