dataTable自定义搜索框位置

dataTable自定义搜索框位置其实不能叫自定义位置dataTable的搜索框请参阅dataTabledom:http://www.datatables.club/reference/option/dom.html我的需求是将dataTable默认位置的搜索框移动到我的form表单中的搜索位置如图:因为自己不会写前端却要写前端幸得群里大神指点在页面写样式覆盖原来的样式在这里记录一下解决办法…

大家好,又见面了,我是你们的朋友全栈君。

其实不能叫自定义位置

dataTable 的搜索框 请参阅dataTable dom:http://www.datatables.club/reference/option/dom.html

我的需求是将dataTable 默认位置的搜索框移动到我的form表单中的搜索位置 如图:

dataTable自定义搜索框位置

因为自己不会写前端却要写前端

幸得群里大神指点 在页面写样式覆盖原来的样式

在这里记录一下解决办法

 .dataTables_filter{

                     margin-top:-95px;//上移
                    }

这样写之后 需要注意 搜索框所在的div的大小,有可能会挡住其他的输入框按钮什么的 所以我定义了一下宽度和右浮动

width:200px;
float:right

 

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/158785.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • c3p0 config_c3p0连接超时

    c3p0 config_c3p0连接超时参数详细说明请跳转:数据库连接池c3p0常用配置说明<c3p0-config><default-config>              <!–数据库驱动名 –>               <propertyname="driverClass" ></properties>               <!–..

    2022年10月24日
    1
  • mybatis的rowbounds_oracle使用rownum分页

    mybatis的rowbounds_oracle使用rownum分页物理分页和逻辑分页物理分页:直接从数据库中拿出我们需要的数据,例如在Mysql中使用limit。逻辑分页:从数据库中拿出所有符合要求的数据,然后再从这些数据中拿到我们需要的分页数据。优缺点物理分页每次都要访问数据库,逻辑分页只访问一次。物理分页占用内存少,逻辑分页相对较多。物理分页数据每次都是最新的,逻辑分页有可能滞后。在mybatis中,使用RowBounds进行分页,非常方便,不需要在sql语句中写limit,即可完成分页功能。但是由于它是在sql查询出所有结果的

    2022年9月2日
    1
  • Agora iOS SDK-开始聊天

    Agora iOS SDK-开始聊天

    2022年3月3日
    39
  • idea2021.11激活码_最新在线免费激活

    (idea2021.11激活码)最近有小伙伴私信我,问我这边有没有免费的intellijIdea的激活码,然后我将全栈君台教程分享给他了。激活成功之后他一直表示感谢,哈哈~IntelliJ2021最新激活注册码,破解教程可免费永久激活,亲测有效,下面是详细链接哦~https://javaforall.net/100143.html…

    2022年3月28日
    43
  • PyCharm如何设置 “ctrl+滚轮” 实现字体的放大和缩小「建议收藏」

    PyCharm如何设置 “ctrl+滚轮” 实现字体的放大和缩小「建议收藏」一、PyCharm字体放大的设置File–>setting–>Keymap–>在搜索框中输入increase—>IncreaseFontSize(双击)–>在弹出的对话框中选择AddMouseShortcut–>弹出的对话框后按住ctrl键的同时鼠标滚轮向上滑。二、Pycharm字体缩小的设置:File–>setting–>Keymap–>在搜索框中输入decrease—>

    2022年8月27日
    3
  • amazeui页面分析3

    amazeui页面分析3

    2021年5月27日
    113

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号