mdui实现一个自适应表格table选择效果代码

代码语言:html

所属分类:表格

代码描述:mdui实现一个自适应表格table选择效果代码

代码标签: 适应 表格 table 选择 效果

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

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport" />
    <title>表格 - 列选择</title>
    <link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/mdui.min.css">
</head>

<body>

    <div class="mdui-container" >
        <div class="mdui-table-fluid">
            <table class="mdui-table mdui-table-selectable">
                <thead>
                    <tr>
                        <th>Dessert (100g serving)</th>
                        <th class="mdui-table-col-numeric" mdui-tooltip="{content: 'The total amount of food energy in the given serving size.'}">Calories</th>
                        <th class="mdui-table-col-numeric">Fat (g)</th>
                        <th class="mdui-table-col-numeric">Carbs (g)</th>
                        <th class="mdui-table-col-numeric">Protein (g)</th>
                        <th class="mdui-table-col-numeric">Sodium (mg)</th>
                        <th class="mdui-table-col-numeric" mdui-tooltip="{content: 'The amount of calcium as a percentage of the recommended daily amount.'}">Calclum (%)</th>
                        <th class="mdui-table-col-numeric">Lron (%)</th>
                    </tr>
                </thead>
       .........完整代码请登录后点击上方下载按钮下载查看

网友评论0