mdui实现一个自适应表格table选择效果代码
代码语言:html
所属分类:表格
代码描述:mdui实现一个自适应表格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