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)
上一篇 2022年7月13日 下午10:16
下一篇 2022年7月13日 下午10:16


相关推荐

  • jquery-uploadfile的使用「建议收藏」

    jquery-uploadfile的使用「建议收藏」jQueryFileUpload是一个Jquery文件上传组件,支持多文件上传、取消、删除,上传前缩略图预览、列表显示图片大小,支持上传进度条显示;支持各种动态语言开发的服务器端。官网链接:点击打开链接特点:拖放支持;上传进度条;图像预览;可定制和可扩展的;兼容任何服务器端应用平台(PHP,Python,RubyonRails,Java,Node.js,Goetc.)。使用方…

    2022年6月15日
    72
  • java 构造函数是如何执行的「建议收藏」

    java 构造函数是如何执行的「建议收藏」1.构造函数不是方法!!  原因1:方法的话,会直接执行方法体内的代码,但是构造函数首先执行的不是{}里的代码块,而是给对象的成员初始化;      2.方法可以被调用其他方法调用,但是构造函数不能被方法或变量调用。  packagecom.statics.www;publicclassSon{//构造函数执行第二步:privateintnum2=

    2022年7月8日
    27
  • Pytest(15)pytest分布式执行用例[通俗易懂]

    Pytest(15)pytest分布式执行用例[通俗易懂]前言平常我们功能测试用例非常多时,比如有1千条用例,假设每个用例执行需要1分钟,如果单个测试人员执行需要1000分钟才能跑完当项目非常紧急时,会需要协调多个测试资源来把任务分成两部分,于是执行时间

    2022年7月28日
    6
  • 算法复杂度详解

    算法复杂度详解算法复杂度详解在本篇文章中你将了解到 O 1 O n O logn O nlogn 的区别及分析方法时间复杂度的优劣对比首先 o 1 o n o logn o nlogn 是用来表示对应算法的时间复杂度 这是算法的时间复杂度的表示 不仅仅用于表示时间复杂度 也用于表示空间复杂度 算法复杂度分为时间复杂度和空间复杂度 其作用 时间复杂度是指执行这个算法所需要的计算工作量 空间复杂度是指执行这个算法所需要的内存空间 O 后面的括号中有一个函数 指明某个算法的耗时

    2026年3月17日
    2
  • fromopen函数通达信_precision函数

    fromopen函数通达信_precision函数apply及applyIf方法都是用于实现把一个对象中的属性应用于另外一个对象中,相当于属性拷贝。  不同的是apply将会覆盖目标对象中的属性,而applyIf只拷贝目标对象中没有而源对象中有的属性。 apply方法的签名为“apply(Objectobj,Objectconfig,Objectdefaults):Object”, 该方法包含三个参数…

    2022年7月28日
    7
  • 费曼技巧学习

    费曼技巧学习关于费曼技巧现学现用的文章,还提到了两个小投入、大回报的学习方法:预习和自测。

    2022年5月3日
    45

发表回复

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

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