fixeddatatable 0.0.2

安装

安装python包：

pip install fixeddatatable

使用bower安装javascript库：

bower install fixed-data-table-py

使用概述

1. 将表行生成为列表或dict列表
2. 使用与固定数据表中的列属性匹配的参数生成Column对象column API
3. 创建一个Table对象，并将行和列作为参数传递
4. 在模板中，创建FixedDataTablePyreact组件并将Table.json作为options属性传入。

其他功能

• 数字格式：给列一个num_format属性和一个numeral.js格式字符串
• 过滤：向Table构造函数传递要过滤的数据键和用于启用过滤的占位符
• 导出：传递Table构造函数文件名和表头将包含一个按钮，用于将表数据导出到.xlsx文件

示例

有关烧瓶应用程序的完整示例，请参见示例项目。

在您的视图中：

from fixeddatatable import Table, Column

rows = [
    {'col1': 'a1', 'col2': 'b1', 'col3': '0.99'},
    {'col1': 'a2', 'col2': 'b2', 'col3': '0.12313'},
    {'col1': 'a3', 'col2': 'b3', 'col3': '1.04'},
]
cols = [
    Column(label='Col 1', key='col1', width=100),
    Column(label='Col 2', key='col2', width=100),
    Column(label='Col 3', key='col3', width=100, num_format='0.0%'),
]
tbl = Table(row_height=50, width=300, height=500, columns=cols, rows=rows,
            filter={'key': 'col2', 'placeholder': 'Filter by Col 2'},
            export_filename='SampleProject.xlsx')

在您的模板中：

<div id="datatable"></div>

<script type="text/javascript">
  var tableData = tbl.json|safe;
  React.render(
    React.createElement(FixedDataTablePy, {options: tableData}),
    document.getElementById('yourid')
  );
</script>