Shulou(Shulou.com)06/03 Report--

Kendo UI for jQuery data management in the use of how to display line title subtitles as an anchor, many novices are not very clear about this, in order to help you solve this problem, the following editor will explain in detail for you, people with this need can come to learn, I hope you can gain something.

Download 2021 SP2 trial version of Kendo UI for jQuery R1

Kendo UI is the final collection of JavaScript UI components with jQuery, Angular, React, and Vue libraries, and no matter which JavaScript framework you choose, you can quickly build high-performance, responsive Web applications. With customizable UI components, Kendo UI can create data-rich desktop, tablet, and mobile Web applications. Kendo UI accelerates development time by 50 per cent through responsive layout, strong data binding, cross-browser compatibility, and ready-to-use themes.

PivotGrid allows you to render the title as an anchor.

To render column header and cell header fields as anchors, use the columnHeaderTemplate or dataCellTemplate options, respectively.

To render the row header field as an anchor, use the rowHeaderTemplate option, and the following example shows how to do this.

# if (! member.children.length & & member.parentName = = "ProductName") {# #: member.caption # #} else {# #: member.caption # #} # $(document) .ready (function () {var pivotgrid = $("# pivotgrid"). KendoPivotGrid ({rowHeaderTemplate: $("# headerTemplate"). Html (), columnWidth: 120 rowHeaderTemplate height: 570 data Source: {data: products,schema: {model: {ProductName: {type: "string"} UnitPrice: {type: "number"}, UnitsInStock: {type: "number"}, Discontinued: {type: "boolean"}, CategoryName: {field: "Category.CategoryName"}, cube: {dimensions: {caption: "All Products"}, CategoryName: {caption: "All Categories"}, Discontinued: {caption: "Discontinued"}}, measures: {"Sum": {field: "UnitPrice" Format: "{0name c}", aggregate: "sum"}, "Average": {field: "UnitPrice", format: "{0Average c}", aggregate: "average"}, rows: [{name: "CategoryName", expand: true}, {name: "ProductName"}], columns: [{name: "Discontinued", expand: true}], measures: ["Sum"]}) .data ("kendoPivotGrid") $("# configurator"). KendoPivotConfigurator ({dataSource: pivotgrid.dataSource,height: 570});}); will it help you to read the above content? If you want to know more about the relevant knowledge or read more related articles, please follow the industry information channel, thank you for your support.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.