zoukankan      html  css  js  c++  java
  • Kendo UI for jQuery数据管理使用教程:PivotGrid

    Kendo UI for jQuery R1 2021 SP2试用版下载

    Kendo UI是带有jQuery、Angular、React和Vue库的JavaScript UI组件的最终集合,无论选择哪种JavaScript框架,都可以快速构建高性能响应式Web应用程序。通过可自定义的UI组件,Kendo UI可以创建数据丰富的桌面、平板和移动Web应用程序。通过响应式的布局、强大的数据绑定、跨浏览器兼容性和即时使用的主题,Kendo UI将开发时间加快了50%。

    本文将为大家演示如何在Kendo UI PivotGrid小部件中使数据单元格的文本右对齐。

    下面的代码将为大家演示这个功能:

    <style>
    .k-pivot-table .k-grid-content td {
    text-align: right;
    }
    </style>
    
    <div id="example">
    <div id="pivotgrid"></div>
    
    <script>
    $(document).ready(function () {
    var pivotgrid = $("#pivotgrid").kendoPivotGrid({
    filterable: true,
    columnWidth: 200,
    height: 580,
    dataSource: {
    type: "xmla",
    columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Product].[Category]" } ],
    rows: [{ name: "[Geography].[City]" }],
    measures: ["[Measures].[Internet Sales Amount]"],
    transport: {
    connection: {
    catalog: "Adventure Works DW 2008R2",
    cube: "Adventure Works"
    },
    read: "https://demos.telerik.com/olap/msmdpump.dll"
    },
    schema: {
    type: "xmla"
    },
    error: function (e) {
    alert("error: " + kendo.stringify(e.errors[0]));
    }
    }
    }).data("kendoPivotGrid");
    
    $("#configurator").kendoPivotConfigurator({
    filterable: true,
    dataSource: pivotgrid.dataSource
    });
    });
    </script>
    </div>

    了解最新Kendo UI最新资讯,请关注Telerik中文网!

  • 相关阅读:
    CentOS 6.5通过yum的方式安装MySql
    Hbase集群搭建
    Thread类的常见问题
    关hashMap跟hashTable的区别
    mysql 循环插入100w
    Centos 多个mysql数据库
    CentOS 搭建 FastDFS-5.0.5集群
    RPC
    dubbo简述
    自己去看dubbo源码
  • 原文地址:https://www.cnblogs.com/AABBbaby/p/14635938.html
Copyright © 2011-2022 走看看