黄金时代,下载ionic
v1.0.1版本,下载地址为:ionic-v1.0.1.zip。

笔者们上节课讲了表格的组织,大家开垦二个天涯论坛首页,发掘那几个页面有好些个table标签,但是未有thead,tfoot标签,事实申明,未有人写那多少个标签

一、前言

       ionic
最新版本下载地址:。

那节课我们来讲最终叁个知识点:单元格的合併

如今,集团有个应用软件项目须要协理不相同平台,于是采取了Ionic2 + cordova +
angular2,在搭建遭遇进度中相见了非常多主题素材,无独有偶前段时间不经常光收拾出来。

       下载完如下图所示:

点击展开excel软件,选中几个单元格,下面有贰个群集开关,点击一下就联合了

二、开垦条件搭建

澳门微尼斯人手机版 1

  • 新建叁个html文件,ctrl+alt+n,命名称叫:26.单元格合并

参照他事他说加以考查这么些网址步骤搭建:https://github.com/DonaldTdz/Ionic2QuickStart

二,桌面上新确立文件夹,如下图所示:

那节课首要教学八个地方的从头到尾的经过:

只顾:nodejs 要装6.0
+LTS最新版,不要装8.X的新颖版本(

 

1.档案的次序方向上的单元格合併

澳门微尼斯人手机版 2

 
  澳门微尼斯人手机版 3

可以给td标签加多多少个colspan属性,来钦点把某贰个单元格当做八个单元格来对待(水平方向卡塔 尔(英语:State of Qatar)

澳门微尼斯人手机版,Cordova版本要设置6.X版本,近期cordova-android版本最高只可以扶持到6.X.X

 

例如:<td colspan=”2″></td>

cmd: cnpm install –g ionic cordova@6.x

三,在webApp里面新创设index.html,ionic,同一时候把ionic-v1文件夹中的
css/ionic.min.css 和 js/ionic.bundle.min.js
文件拖入到ionic中。如下图所示:

意思:把当下单元格充任七个单元格来对待

cmd: ionic –v  Cordova –v 查看展现版本号,安装成功

 

注意点:

澳门微尼斯人手机版 4

 
 澳门微尼斯人手机版 5

  1. 由于把某叁个单元格充作了四个单元格来对待,所以就能多出后生可畏都部队分单元格来,所以供给删掉一些单元格技艺健康呈现

澳门微尼斯人手机版 6

 

澳门微尼斯人手机版 7

三、运维二个ionic种子项目

 

  2.势必要深深记住单元格合并永久都以向后依然向下合併,而无法前行仍旧发展归总

下载地址:https://github.com/DonaldTdz/ionic-seed

发表评论

电子邮件地址不会被公开。 必填项已用*标注