第一次动手实现bootstraptable分页效果资源-CSDN文库

57 浏览量 2021-01-19 15:11:20 上传评论收藏 95KB PDF 举报

资源推荐

资源详情

资源评论

第一次动手实现第一次动手实现bootstrap table分页效果分页效果

先上图吧，这就是bootstrap table分页效果图

上代码（这一部分是工具栏的，还包括slider滑动条）

<div class="box-body">

<div class="row">

<div class="form-group col-xs-3" style="width: 432px;">

<label for="SendUser" class="col-sm-2 control-label">重量</label>

<div class="col-sm-10">

<div class="nstSlider"

id="shapeNstSlider"

data-aria_enabled="true"

data-range_min="1"

data-range_max="3000"

data-cur_min="1"

data-cur_max="3000">

<div id="bar" class="bar"></div>

<div id="leftGrip" class="leftGrip"></div>

<div id="rightGrip" class="rightGrip"></div>

</div>

<div class="input-prepend input-append pull-left">

<input class="span2 " id="leftLabel" style="width: 50px;" onblur="leftChange(this)" type="text">

<span class="add-on"><em>ct</em></span>

</div>

<div class="input-prepend input-append pull-right">

<input class="span2" id="rightLabel" style="width: 50px;" onblur="rightChange(this)" type="text">

<span class="add-on"><em>ct</em></span>

</div>

</div>

</div>

<div class="form-group col-xs-3" style="width: 432px;">

<label for="SendUser" class="col-sm-2 control-label">价格</label>

<div class="col-sm-10">

<div class="nstSlider"

id="priceNstSlider"

data-aria_enabled="true"

data-range_min="1000"

data-range_max="9999999"

data-cur_min="1000"

data-cur_max="9999999">

<div id="priceBar" class="bar"></div>

<div id="priceleftGrip" class="leftGrip"></div>

<div id="pricerightGrip" class="rightGrip"></div>

</div>

<div class="input-prepend input-append pull-left">

<input class="span2 " id="priceleftLabel" style="width: 80px;" onblur="priceleftChange(this)" type="text">

<span class="add-on"><em>RMB</em></span>

</div>

<div class="input-prepend input-append pull-right">

<input class="span2" id="pricerightLabel" style="width: 80px;" onblur="pricerightChange(this)" type="text">

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余4页未读，立即下载

内容反馈

weixin_38618819

粉丝: 4
资源: 894

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈

feedback-tip