Telerik UI for ASP。网络核心?下载30天免费试用

锁定列

锁定(冻结)列使您能够在用户水平滚动Grid时始终显示特定列。

有关可运行的示例,请参阅上的演示在网格中实现锁定列

为了使该特性正常工作,必须提供以下配置设置。它们确保至少有一个非锁定列始终可见,并且可以水平滚动非锁定列。如果为它准备的水平空间不够,水平滚动条就不会出现。

  • 启用滚动
  • 首先锁定至少一列。
  • 定义网格的高度。
  • 为所有列设置显式像素宽度,以允许Grid调整冻结和非冻结表部分的布局。
  • 确保所有锁定列的总宽度等于或小于Grid的宽度减去滚动条宽度的三倍。
  • 确保网格没有在隐藏容器内初始化
  • Grid的客户端APIlockColumn ()而且unlockColumn ()方法允许您动态地锁定和解锁列。但是,只有在初始化过程中至少有一列初始锁定时才有可能。当应用冻结列时,Grid的HTML输出和脚本行为是不同的。这就是为什么小部件在初始化后不能在冻结和未冻结模式之间切换的原因。
  • 锁定的列只能定位在Grid的左侧。不支持将它们定位在右侧。
  • 不支持行模板和详细信息特性与锁定列结合使用。如果你使用多列标题,只能锁定最顶层的列。

锁定的列不能在触摸时滚动,因为它们被包装在容器中隐藏溢出:风格。若要在桌面设备上解决此限制,请使用mousewheel事件。然而,对于触屏设备,目前还没有解决办法。

锁定列依赖于同步Grid的冻结部分和非冻结部分的行高度。某些浏览器(如Internet Explorer 9和Firefox)需要行高以像素为单位设置样式。否则,由于亚像素问题,同步可能无法正常工作。

Div.k-grid td {line-height: 18px;}

当您实现自定义代码并依赖于选择器或以Grid表为目标时,Grid将为其锁定的和可滚动的部分创建单独的表。锁住的柱子在一个.k-grid-content-locked元素和可滚动内容位于.k-grid-content元素。

另请参阅

在本文中
Baidu
map