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)
全栈程序员-站长的头像全栈程序员-站长

相关推荐

  • 大数据——数据流式处理「建议收藏」

    大数据——数据流式处理「建议收藏」一、概念大数据中包含两种处理方式:流处理和批处理。流处理:即流式处理。流式处理假设数据的潜在价值是数据的新鲜度,需要尽快处理得到结果。在这种方式下,数据以流的方式到达。在数据连续到达的过程中,由于流携带了大量数据,只有小部分的流数据被保存在有限的内存中。流处理方式用于在线应用,通常工作在秒或毫秒级别。 批处理:批处理方式中,数据首先被存储,然后再分析。MapReduce是非常重要的…

    2022年5月23日
  • word怎么让页码在指定页面从1开始出来_word里页码怎么设置

    word怎么让页码在指定页面从1开始出来_word里页码怎么设置word排版的时候,因为一般文档都有封面、目录等,导致用默认的页码会使正文开始的时候不是第一页的尴尬情况如下图解决办法:1、先按默认的方法插入页码,插入–>页码2、在正文的前一页结尾处点布局–>分隔符–>下一页3、在正文页双击页码,在设计那里把链接到前一节给取消掉,接着点插入–>页码–>设置页码格式–>点起始页码–>设置为1

    2022年11月1日
  • webstorm 激活【中文破解版】

    (webstorm 激活)这是一篇idea技术相关文章,由全栈君为大家提供,主要知识点是关于2021JetBrains全家桶永久激活码的内容https://javaforall.net/100143.htmlIntelliJ2021最新激活注册码,破解教程可免费永久激活,亲测有效,上面是详细链接哦~00OE5RWT28-eyJsaWNlb…

    2022年3月30日
  • 零基础学Java(9)在mac上运行命令行提示”找不到或无法加载主类”

    零基础学Java(9)在mac上运行命令行提示”找不到或无法加载主类”天坑遇到的问题:使用命令行执行命令:javaEightSample,会报以下错误错误:找不到或无法加载主类EightSample运行环境mac系统IntelliJIDEA编译器Ja

    2022年7月29日
  • SqlSessionTemplate探究

    SqlSessionTemplate探究问题就是:无论是多个dao使用一个SqlSessionTemplate,还是一个dao使用一个SqlSessionTemplate,SqlSessionTemplate都是对应一个sqlSession,当多个web线程调用同一个dao时,它们使用的是同一个SqlSessionTemplate,也就是同一个SqlSession,如何保证线程安全,关键就在于代理:(1)首先,通过如下代码创建代理类

    2022年5月31日
  • 项目从 tomcat7部署到tomcat8「建议收藏」

    项目从 tomcat7部署到tomcat8「建议收藏」这段时间将一个老项目从tomcat7部署到tomcat8上,期间遇到的典型问题。接下来我会介绍下整个升级过程和在升级中遇到的问题。首先要装个jdk8+,因为开发环境用的是eclipse,还要搞个兼容tomcat8的eclipse.新下的tomcat8里是自带20几个jar的,这是要留着的不能直接拿来tomcat7的lib就用。因为老项目要依赖的jar都放在了tomcat下没有用maven,所以拿来…

    2022年7月18日

发表回复

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

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