fix(Table): fix text center style

heyui · Jun 13, 2019 · 6bf2d06 · 6bf2d06
1 parent 8eb0d94
commit 6bf2d06
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/doc/components/demos/view/table2.vue b/doc/components/demos/view/table2.vue
@@ -8,10 +8,9 @@
       <Button color="primary" @click="datas=[]">清空数据</Button>
     </p>
     <Table :datas="datas" :border="border" :checkbox="checkbox" :stripe="stripe" :loading="loading">
-      <!-- <TableItem title="Index" prop="$index"></TableItem> -->
       <TableItem title="序号" prop="$serial" v-if="serial"></TableItem>
       <TableItem title="Name" prop="name"></TableItem>
-      <TableItem title="Age" prop="age" sort="auto"></TableItem>
+      <TableItem align="center" title="Age" prop="age" sort="auto"></TableItem>
       <TableItem title="Address1" prop="address"></TableItem>
       <TableItem title="Address2" prop="address"></TableItem>
       <TableItem v-if="show" title="Address-切换显示" align="right" prop="address"></TableItem>

diff --git a/themes/components/table.less b/themes/components/table.less
@@ -25,6 +25,10 @@
       padding-right: 8px;
       padding-left: 0;
     }
+    &.text-center {
+      padding-right: 0;
+      padding-left: 0;
+    }
   }
   th&-th-checkbox,
   td&-td-checkbox {