Question

我希望能够在slickgrid中全面扩展字体大小。看起来这可以通过样式表等来实现，但不能以编程方式设置要使用的字体大小。

我尝试在选项中设置rowHeight，然后只在css中将一个样式应用于行本身，但文本总是偏移（因为行高）。

有没有简单的方法可以说使用这个字体大小并让网格处理剩下的？（我不需要变量行高/字体大小，只能在渲染之前动态设置它）

Answer 1

您可以尝试以下CSS更改，确保最后加载该CSS文件，以免被覆盖

.grid .grid-canvas .slick-cell {
  padding: 5px 7.5834px;
  font-size: 14px;
}
.grid .grid-canvas .slick-cell td {
  font-size: 14px;
}
.grid .slick-header-columns .slick-header-column {
  height: 33px;
  line-height: 14px;
  margin: 0;
  border: 0;
  /* like TH  */

  background: transparent;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;  
  font-weight: bold;
  color: #333333;
}
.grid .slick-header-columns .slick-header-column.ui-state-default {
  font-size: 14px;
  line-height: 14px;
}
.grid .slick-header-columns .slick-header-column.ui-state-default td {
  font-size: 14px;
}

如果你想在页面加载后动态更改这些设置，你可能想尝试将所有这些CSS放在jQuery调用中，虽然这可能很丑......：S
如果你想特别改变1个单元格，那么你将不得不处理SlickGrid元数据，如下面的答案所示：Changing background color of a specific row in slickgrid?

Answer 2

我设法找到了一个有效的解决方案......

基本上我只创建了3个css样式的小中型大号xlarge。我也为这些尺寸设置了行高。

初始化光滑网格时，我设置了rowsize，然后像这样初始化dataView：

dataView.getItemMetadata = function(idx) {
        return {cssClasses: config.rowSize}
};

基本上将同名样式应用于同一个slickgrid中的每一行。糟透了我必须在slickgrid的实际初始化中指定实际的rowheight（与使用css中的某些东西相比，但你打算做什么。）

在slickgrid中设置全局字体大小的方法

2 个答案: