mindmup-editabletable与pure-min实现的table表格编辑效果代码

代码语言:html

所属分类:表格

代码描述:mindmup-editabletable与pure-min实现的table表格编辑效果代码

代码标签: 实现 table 表格 编辑 效果

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!doctype html>

<html lang="en">
<head>
  <meta charset="utf-8">

<link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/pure-min.css">
  <style>
    body{ padding: 1% 3%; color: rgb(119, 119, 119); }
    h1{ color:#333 }
  </style>
</head>

<body>


<h1>Editable table example</h1>
<table id="editable" class="pure-table pure-table-bordered">
    <thead>
        <tr>
            <th>#</th>
            <th>Make</th>
            <th>Model</th>
            <th>Year</th>
        </tr>
    </thead>

    <tbody>
        <tr>
            <td>1</td>
            <td>Honda</td>
            <td>Accord</td>
            <td>2009</td>
        </tr>

        <tr>
            <td>2</td>
            <td>Toyota</td>
        .........完整代码请登录后点击上方下载按钮下载查看

网友评论0