HOW TO:使用npm安装Datatables(和Editor)的简单方法

时间:2018-03-19 12:35:40

标签: npm datatables

使用官方npm installation安装数据表,编辑器及其选项(SelectRowGroup等等)可能非常棘手。您必须安装多个依赖项,请谨慎导入您导入的CSS版本等等。

我很难处理它,所以我分享了一个非常简单的解决方案。

1 个答案:

答案 0 :(得分:0)

数据表在download builder中提供了一个出色的download选项,可让您选择所需的样式,包和扩展名,并将其下载到一个文件夹中。

首先:

  • 选择所需的配置,然后下载文件(使用连接选项)。

Download builder

然后:

  • 将Datatable包复制到某个本地目录。
  • 使用以下

    添加package.json文件
    { "name": "datatables-bundle",
      "version": "1.10.16",
      "description": "Datatables bundled",
      "main": "datatables.js",
      "author": {
      "name": "SpryMedia Ltd",
      "url": "http://datatables.net"
      }
    }
    
  • 转到您的项目目录

  • 致电npm install ../datatables-local-package-path

完成此操作后,我可以要求捆绑的软件包包含一行:

window.dt = require('datatables-bundle');

for CSS:

//Datatables styles
@import "~datatables-bundle/datatables.min.css";

......这有效!

编辑器和表格功能齐全,选项也是如此(selectRowGroup ...)。

它省去了单独安装所有npm软件包,安装后过程(编辑器许可证)等的难度。

当然,包装本身不会更新,但这是一个小问题。