xspreadsheet

基于 JavaScript 的在线表格插件
授权协议 MIT
开发语言 TypeScript HTML/CSS
所属分类 jQuery 插件、 jQuery表格插件
软件类型 开源软件
地区 国产
投 递 者 郦磊
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

xspreadsheet 是一款基于javascript开发的,简单的,易用的在线表格插件

安装 

npm install typescript --save-dev
npm install awesome-typescript-loader --save-dev
npm install xspreadsheet --save-dev
npm install @types/xspreadsheet --save-dev

// in tsconfig.json
{
  "compilerOptions": {
    ....
    "types": ["xspreadsheet"],
    ....
  }
}

开始

import xspreadsheet from 'xspreadsheet'

const x = xspreadsheet(document.getElementById('#id'))
x.change = (data) => {
  console.log('data:', data)
}

// edit
// data is param in the change method
xspreadsheet(document.getElementById('#id'), {d: data})
  • 集成x-spreadsheet 准备工作 去github下载最新的xspreadsheet,5.20号更新了一个功能。下载之后,解压,npm install , npm run dev没问题后。把dist文件夹下所有文件复制,包括子目录。放在新建的文件夹\superset-frontend\src\xspreadsheet下面。这个文件就是一个组件,之后去调用就可以了。 后端 修改 viz.py

  • 基本配置: npm install typescript --save-dev npm install awesome-typescript-loader --save-dev npm install xspreadsheet --save-dev npm install less less-loader --save 代码引入: <div id="id"></div>   import xspr

 相关资料
  • 实现根据数据源显示成GridView格式的列表。也就是呈现表格样式,每一行都有多列内容。无需计算每列的位置,宽度,只需要绑定数据源,设置显示的列名即可。本代码在BeeFramework框架基础上开发。 [Code4App.com]

  • 本文向大家介绍基于bootstrap风格的弹框插件,包括了基于bootstrap风格的弹框插件的使用技巧和注意事项,需要的朋友参考一下 自己写的一款基于bootstrap风格的弹框插件,暂时只有确认框、提示框。后续功能扩展、bug修改再更新。 html页面中调用: 感觉写的不是很好,后面修改了或者扩展了功能再更新。源码会上传到文件。 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多

  • 本文向大家介绍基于JavaScript实现表格隔行换色,包括了基于JavaScript实现表格隔行换色的使用技巧和注意事项,需要的朋友参考一下 表格隔行换色 需求分析 我们商品分类的信息太多,如果每一行都显示同一个颜色的话会让人看的眼花,为了提高用户体验,减少用户看错的情况,需要对表格进行隔行换色 技术分析 table对象 集合 cells[]:返回包含表格中所有单元格的一个数组。 rows[]:

  • 本文向大家介绍基于JavaScript实现表格滚动分页,包括了基于JavaScript实现表格滚动分页的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了js实现表格滚动分页展示的具体代码,供大家参考,具体内容如下 CSS: JS: 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持呐喊教程。

  • 本文向大家介绍基于Bootstrap3表格插件和分页插件实例详解,包括了基于Bootstrap3表格插件和分页插件实例详解的使用技巧和注意事项,需要的朋友参考一下 首先看下实现效果图,如果觉得还不错,请参考实现代码。 上面数据 下面分页 使用方法 1 导入bootstrap的css 2 导入jquery 3 导入表格分页插件 lTable.js 4 添加html标签 并对id 赋值 5 获取数据

  • 上面是element组件的的基本用法 我想根据上面的用法自己写一个表格组件,也包含table组件和table-column组件两个组件, 请问我怎么在table组件的默认插槽里,把row传给插槽中的el-table-column组件 table组件部分: table-column组件部分: