在边框折叠表中使边框长度相同

时间:2018-02-05 09:25:31

标签: html css html-table

我有这段代码:

   public  boolean checkDuplicate(String name) {
  String Query = ""; // your query
  Cursor cursor = db.rawQuery(Query, null);
      if(cursor.getCount() <= 0){
      cursor.close();
      return false;
     }
      cursor.close();
      return true;
  }

 public void insertData(String name) {
        SQLiteDatabase db = this.getWritableDatabase();
        ContentValues contentValues = new ContentValues();
        contentValues.put(COL_2,name);
        db.insert(TABLE_NAME,null ,contentValues);
    }

使用CSS:

<html>
    <head>
    </head>
    <body>
        <table>
            <tr>
                <th>Test</th>
                <th>This</th>
            </tr>
            <tr>
                <td>test</td>
                <td>this</td>
                <td>out</td>
            </tr>
            <tr>
                <td>test</td>
                <td>this</td>
            </tr>
       </table>
   </body>
</html>

fiddle

我试图让边框长度相同。因此,边框始终使用table { border-collapse: collapse; } tr{ border-top: 1px solid black; } 的全长,而不是table

我该怎么做?

我的表是用Vue动态呈现的,所以任何修复需要知道如何可视化表,我不能真正使用

1 个答案:

答案 0 :(得分:0)

colspan属性可能会有所帮助。

<table>
  <tr>
    <th>Test</th>
    <th colspan="2">This</th>
  </tr>
  <tr>
    <td>test</td>
    <td>this</td>
    <td>out</td>
  </tr>
  <tr>
      <td>test</td>
    <td colspan="2">this</td>
  </tr>
</table>

JsFiddle