github
/
element
mirror of https://github.com/ElemeFE/element
1
0
Fork 0
Code Issues Releases Wiki Activity

Merge pull request #2207 from reverland/fix-safari-colgroup 

table: wrap col in colgroup to make column width work in safari
pull/2178/merge
baiyaaaaa 2017-01-05 16:45:26 +08:00 committed by GitHub
parent 634a415784 a3da161339
commit 624442927f
2 changed files with 23 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/table/src/table-body.js
View File

@ -28,6 +28,7 @@ export default {
cellspacing="0" cellspacing="0"
cellpadding="0" cellpadding="0"
border="0"> border="0">
<colgroup>
{ {
this._l(this.columns, column => this._l(this.columns, column =>
<col <col
@ -35,6 +36,7 @@ export default {
width={ column.realWidth || column.width } width={ column.realWidth || column.width }
/>) />)
} }
</colgroup>
<tbody> <tbody>
{ {
this._l(this.data, (row, $index) => this._l(this.data, (row, $index) =>

2
packages/table/src/table-header.js
View File

@ -78,6 +78,7 @@ export default {
cellspacing="0" cellspacing="0"
cellpadding="0" cellpadding="0"
border="0"> border="0">
<colgroup>
{ {
this._l(this.columns, column => this._l(this.columns, column =>
<col <col
@ -90,6 +91,7 @@ export default {
? <col name="gutter" width={ this.layout.scrollY ? this.layout.gutterWidth : '' }></col> ? <col name="gutter" width={ this.layout.scrollY ? this.layout.gutterWidth : '' }></col>
: '' : ''
} }
</colgroup>
<thead> <thead>
{ {
this._l(columnRows, (columns, rowIndex) => this._l(columnRows, (columns, rowIndex) =>