kgrid

Kendo UI for jQuery R2 2020 SP1试用版下载 Kendo UI 目前最新提供 Kendo UI for jQuery 、 Kendo UI for Angular 、 Kendo UI Support for React 和 Kendo UI Support for Vue 四个控件。Kendo UI for jQuery是创建现代Web应用程序的最完整UI库。 隐藏的容器 如果在隐藏的容器内初始化Grid，则Grid可能无法正确调整其布局。 例如，当您应用滚动、虚拟滚动或锁定的列并在隐藏容器中初始化Grid时，将无法正确调整其垂直布局，因为JavaScript尺寸计算不适用于display：none样式的元素。 如果出现以下任何情况，则可以确定网格是在隐藏状态下初始化的： 网格看起来小于预期 可滚动的数据区域溢出了网格的底部边框 即使启用了虚拟滚动，垂直滚动条也不可见 冻结的列太窄，非冻结的列不可见 pager可能不会出现，或者可能是最小的pager，而不是完整的pager 若要处理与隐藏容器内的网格初始化有关的操作，请选择以下任意一种方法： 1. 延迟Grid的初始化或更改各种Kendo UI窗口小部件的初始化顺序，以便在其元素可见后初始化Grid。 2. 小部件可见后，执行Grid的resize方法。 3. 替代其配置中的网格设置整体高度

Kendo UI for jQuery R2 2020 SP1试用版下载 Kendo UI 目前最新提供 Kendo UI for jQuery 、 Kendo UI for Angular 、 Kendo UI Support for React 和 Kendo UI Support for Vue 四个控件。Kendo UI for jQuery是创建现代Web应用程序的最完整UI库。 打印 即使Grid的内容可能不是页面上的唯一内容，Grid也提供忽略页面其余部分并仅打印其内容的选项。 要仅从页面上打印Grid，请使用以下两种方法： 打印现有页面，并使用打印CSS隐藏不相关的内容。 打印仅带有Grid的单独网页。 打印现有网页 若要仅将Grid作为现有网页的一部分进行打印，请使用打印样式表隐藏页面中不需要的部分，确切的CSS打印取决于现有页面内容。 打印新网页 下面的示例演示如何检索Grid的HTML，如何将其注入到新的浏览器窗口中以及打印新页面。 此方法还解决了以下重要问题： Grid是可滚动的，则某些行或列在打印的纸张上可能不可见。 因此，在易于打印的页面上禁用Grid高度和可滚动性。 根据列的宽度，某些单元格内容可能会被剪裁而无法完全看到。 通过强制对Grid表强制使用自动表布局（可禁用省略号（...）），可以解决此问题。 如果启用了滚动（除Grid的MVC封装器以外

Kendo UI for jQuery R1 2020 SP2试用版下载 Kendo UI 目前最新提供 Kendo UI for jQuery 、 Kendo UI for Angular 、 Kendo UI Support for React 和 Kendo UI Support for Vue 四个控件。Kendo UI for jQuery是创建现代Web应用程序的最完整UI库。 默认情况下，将启用网格的滚动功能。根据启用的滚动模式、网格尺寸和布局的呈现方式会有所不同。 入门指南 启用滚动功能后，该窗口小部件默认情况下呈现两个表：一个用于标题区域、一个用于可滚动数据区域。当您需要手动对Grid表进行JavaScript或CSS更新时，这两个表很重要。 <div class="k-widget k-grid"> <div class="k-grid-header"> <div class="k-grid-header-wrap"> <table>...</table> </div> </div> <div class="k-grid-content"> <table>...</table> </div> </div> 以下示例通过虚拟滚动展示Grid中的HTML输出。 <div class="k-widget k-grid"> <div class="k-grid