tinper-neoui-grid

    3.2.4 • Public • Published

    表格控件

    基于iUAP Design的表格控件,应对复杂场景下的数据展示。

    介绍

    表格控件将数据以表格的方式进行展示,同时提供了排序、交换列、数字列、复选、合计、自定义渲染、修改等复杂功能,满足了复杂场景下数据展示的需求。

    快速上手

    控件使用说明

    目录说明

    ├─css 控件css
    ├─dist 产出后的资源
    ├─docs 文档相关
    ├─examples 示例文件
        ├─datatable 关联datatable示例
        ├─ui 单独控件示例
    ├─snippets 文档及代码片段
        ├─docs 文档片段
        │  ├─grid.md 文档片段:replaceui将替换为ui示例,replacedatatable将替换为datatable示例。
        └─examples 示例片段
            └─grid 与grid.md对应的目录,示例目录下必须存在widget.css,widget.html,widget.js,说明.txt
                └─datatable 关联datatable示例片段
                └─ui 单独控件示例片段
    ├─vendor 第三方库,后续删除
    ├─app.js 依据snippets中的片段生成docs以及examples中的最终产出
    ├─gulpfile.js 通过gulp对项目源文件(CSS/JS)生成dist中的最终产出
    ├─package.json node说明
    └─README.md 项目说明
    

    snippets详细说明:

    docs 目录与 examples 目录结构需要对应:docsmd 文件在 examples 对应目录下存在同样名称的文件夹,并且此文件夹下面包含 datatable 以及 `ui 文件夹用于存放对应示例片段

    • 示例1:
    docs/grid.md
    
    examples/examples/grid/datatable以及examples/examples/grid/ui
    
    • 示例2:
    docs/dir/grid.md
    
    examples/examples/dir/grid/datatable以及examples/examples/dir/grid/ui
    

    CONTRUBUTE

    针对控件进行开发,修改css以及js文件之后通过调用gulp dist来生成项目产出

    $ gulp dist
    

    示例及文档开发过程说明:

    针对示例及文档进行开发,修改snippets文件之后通过node app.js来生成示例及文档产出

    $ node app.js
    

    Keywords

    none

    Install

    npm i tinper-neoui-grid

    DownloadsWeekly Downloads

    37

    Version

    3.2.4

    License

    ISC

    Last publish

    Collaborators

    • whizbz
    • huyueb
    • liuyk
    • onvno