首页 > 其他分享 >表格

表格

时间:2023-03-17 20:12:54浏览次数:30  
标签:表格 Tanmay Mumbai 名称 Bangalore Sachin

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8" />
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">  
 <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
 <script src="https://cdn.staticfile.org/twitter-boots                                                              trap/3.3.7/js/bootstrap.min.js"></script>
    <title>表格</title>
</head>
<!--
<body>
    <table class="table table-bordered">
        <caption>基本的表格规划</caption>
        <thead>
            <tr>
                <th>名称</th>
                <th>城市</th>
            </tr>
        </thead>
        <tbody>
        <tr>
            <td>Tanmay</td>
            <td>Bangalore</td>
        </tr>
        <tr>
            <td>Sachin</td>
            <td>Mumbai</td>
        </tr>
        </tbody>
    </table>
</body>
</html>

<table class="table">
    <caption>基本的表格规划</caption>
    <thead>
        <tr>
            <th>名称</th>
            <th>城市</th>
        </tr>
    </thead>
    <tbody>
    <tr>
        <td>Tanmay</td>
        <td>Bangalore</td>
    </tr>
    <tr>
        <td>Sachin</td>
        <td>Mumbai</td>
    </tr>
    </tbody>
</table>
</body>
</html>

<table class="table table-hover">
    <caption>基本的表格规划</caption>
    <thead>
        <tr>
            <th>名称</th>
            <th>城市</th>
        </tr>
    </thead>
    <tbody>
    <tr>
        <td>Tanmay</td>
        <td>Bangalore</td>
    </tr>
    <tr>
        <td>Sachin</td>
        <td>Mumbai</td>
    </tr>
    </tbody>
</table>
</body>
</html>

<table class="table table-striped">
    <caption>基本的表格规划</caption>
    <thead>
        <tr>
            <th>名称</th>
            <th>城市</th>
        </tr>
    </thead>
    <tbody>
    <tr>
        <td>Tanmay</td>
        <td>Bangalore</td>
    </tr>
    <tr>
        <td>Sachin</td>
        <td>Mumbai</td>
    </tr>
    </tbody>
</table>
</body>
</html>

<table class="table table-condensed">
    <caption>基本的表格规划</caption>
    <thead>
        <tr>
            <th>名称</th>
            <th>城市</th>
        </tr>
    </thead>
    <tbody>
    <tr>
        <td>Tanmay</td>
        <td>Bangalore</td>
    </tr>
    <tr>
        <td>Sachin</td>
        <td>Mumbai</td>
    </tr>
    </tbody>
</table>
</body>
</html>
-->

 

标签:表格,Tanmay,Mumbai,名称,Bangalore,Sachin
From: https://www.cnblogs.com/w6826301/p/17228005.html

相关文章

  • 条纹表格布局
    <html><head><linkrel="stylesheet"href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css"><scriptsrc="https......
  • 表格
    <html><head><title>1</title><linkrel="stylesheet"href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css"><scriptsrc="https:/......
  • Bootstrap 排版和表格
    <html><head><linkrel="stylesheet"href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css"><scriptsrc="https......
  • 怎么在CAD表格中画斜线?CAD表格斜线一分为二绘制步骤
    在Excel表格中经常能看到用一条斜线将单元格一分为二,那么,你知道怎么在CAD表格中画斜线吗?本文小编就以浩辰CAD软件为例来给大家分享一下CAD表格斜线一分为二的绘制步骤,一起......
  • 前端-表单表格图像-练习
    题目描述请依次写出以下类型的输入框。类型为密码,默认值为"nowcoder"类型为复选框,且状态为已勾选点击查看代码<form><!--补全代码--><inputtype="p......
  • HTML中的表格的基本结构与常用属性
    1、表格的基本结构首先看看图下<table>标签的布局                                    ......
  • 小程序实现固定首行列表格
    数据可视化,数据报表一致是我比较头疼的问题,这几年一直找不到一个合适的工具.主要是编程这块并非是数据分析师的强项.从最初用Excel,到用Python,到用各种商业BI工......
  • 筛选表格后再点击上方的条目筛选,表格依然是筛选态的解决办法
    思路:table子组件监听传入值,声明一个ref默认为false,在监听传入值的effect里,将ref的current变成true,在表格的onchange方法内将ref变成false,在每次拿到table数据的返回值时,判......
  • 表格单元格合并
    表格单元格合并 单元格合并属性水平合并:colspan垂直合并:rowspan<tableborder="1"width=500pxheight="500px">  <tr>    <td>单元1</td>   ......
  • lodop打印 table表格分页带表头页码
    lodop.PRINT_INIT("wageSalaryRetireRecordService");varstrBodyStyle="<style>"+document.getElementById("print_style").innerHTML+"</s......