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

标签 css html slickgrid

我希望能够在 slickgrid 中全面放大字体大小。这似乎可以通过样式表等实现,但不能以编程方式设置要使用的字体大小。

我试过在选项中设置 rowHeight,然后将 css 中的样式应用到行本身,但文本总是偏移(因为行高)。

是否有任何简单的方法可以只说使用此字体大小并让网格处理其余部分? (我不需要可变行高/字体大小,只需要在渲染前动态设置即可)

最佳答案

您可以尝试以下 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?

关于css - 在 slickgrid 中设置全局字体大小的方法,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25067183/

相关文章:

javascript - 为什么 CSS 关键帧动画在具有作用域样式的 Vue 组件中被破坏?

html - Internet Explorer 9 渐变过滤器切断子菜单

php - CSS 改变表格的外观

html - 从编号中排除单个列表项

html - 如何将div和文本设置到父元素的垂直中间

knockout.js - 当用户在 SlickGrid 中选择了五个或更多项目时启用按钮

twitter-bootstrap - 在 Bootstrap 模式中使用 slickgrid

javascript - SlickGrid 标题菜单 - 单列多项选择

javascript - 滚动到带有 Bootstrap 轮播按钮的位置

javascript - 代码在 Internet Explorer 中不起作用