jQWidgets jqxKanban 是一种看板控件，用于在 Web 应用程序中创建看板。columns 属性是 jqxKanban 控件的一个属性，用于定义看板的列。以下是 jqxKanban 的 columns 属性的详细说明，以及两个示例说明。
属性
columns 属性用于定义看板的列。该属性是一个数组，每个元素表示一个看板列。每个看板列都有以下属性：
text：看板列的标题文本。dataField：看板列的数据字段。maxItems：看板列中的最大项数。collapsed：看板列是否叠。columnRenderer：看板列自定义渲染方式。
// 定义 columns 属性
$("#jqxKanban").jqxKanban({
source: new $.jqx.dataAdapter(source),
columns: [
{ text: "Backlog", dataField: "new", maxItems: 10, collapsed: false },
{ text: "In Progress", dataField: "work", maxItems: 5, collapsed: true },
{ text: "Done", dataField: "done", maxItems: 20, collapsed: false }
]
});
在上述代码中，我们创建了一个 jqxKanban 控件，并使用 columns 属性定义了看板的列。我们定义了三个看板列，每个看板列都有一个标题文本、一个数据字段、一个最大项数和一个是否折叠的属性。
示例
以下是两个示例，演示如何使用 columns 属性定义看板的列。
示例 1
在此示例中，我们创建了一个 jqxKanban 控件，并使用 columns 属性定义了看板的列。我们定义了三个看板列，每个看板列都有一个标题文本、一个数据字段、一个最大项数和一个是否折叠的属性。
<div id="jqxKanban"></div>
<script>
$(document).ready(function () {
// 创建 jqxKanban 控件
$("#jqxKanban").jqxKanban({
source: new $.jqx.dataAdapter(source),
columns: [
{ text: "Backlog", dataField: "new", maxItems: 10, collapsed: false },
{ text: "In Progress", dataField: "work", maxItems: 5, collapsed: true },
{ text: "Done", dataField: "done", maxItems: 20, collapsed: false }
]
});
});
</script>
在上述代码中，我们创建了一个 jqxKanban 控件，并使用 columns 属性定义了看板的列。我们定义了三个看板列，每个看板列都有一个标题文本、一个数据字段、一个最大项数和一个是否折叠的属性。
示例 2
在此示例中，我们创建了一个 jqxKanban 控件，并使用 columns 属性定义了看板的列。我们还使用 columnRenderer 属性自定义了看板列的渲染方式。
```html
