Javascript 服务器端数据表搜索框样式

我注意到，数据表的搜索和显示输入被卡在

标记中。当我试图从源JavaScript中删除标签标签时，输入消失了。我可能做错了，但有没有办法将其删除，以便调整其宽度并使其符合我的动态列大小

这就是我要说的部分（来自源JavaScript文件）

函数pb（a）{
var b=a.oClasses，
c=a.sTableId，
d=a.语言，
e=a.opprevioussearch，
f=a.a特征，
g=''，
j=d.sSearch，
j=j.match（/\u INPUT），j.replace（“\u INPUT”，g）：j+g，
b=h（“”{
id:！f.f？c+“_过滤器”：空，
“等级”：b.S过滤器
}).append（h（“”）。append（j）），
f=函数（）{
var b=！this.value？
“”：this.value；
b！=e.sSearch&（fa（a{
研究：b，
bRegex:e.bRegex，
bSmart:e.bSmart，
b不敏感：e.b不敏感
})，a._iDisplayStart=0，O（a））
},
g=null！==a.searchDelay？a.searchDelay:“ssp”==y（a）？400:0，
i=h（“输入”，b）.val（e.sSearch）.attr（“占位符”，d.sSearch占位符）.绑定（“keyup.DT search.DT input.DT paste.DT cut.DT”，g？Oa（f，g）：f）.绑定（“keypress.DT”，函数（a）{
如果（13==a.keyCode）返回！1
}).attr（“aria控制”，c）；
h（a.nTable）.on（“search.dt.dt”，函数（b，c）{
如果（a==c）尝试{
i[0]！==i.activeElement和&i.val（e.sSearch）
}捕获（d）{}
});
返回b[0]
}

加载页面时的代码

<div class="row">
    <div class="col-sm-12">
        <div id="table_filter" class="dataTables_filter pull-left">
            <label>
                <input type="search" class="form-control input-sm" placeholder="Search" aria-controls="table">
            </label>
        </div>
    </div>
</div>

---

查看标签下的搜索输入是如何显示的？我想知道如何删除它，使其与我的列大小保持一致。

使用下面的代码从搜索框中删除

标签

节点

var table = $('#example').DataTable({
   initComplete: function(){
      $('.dataTables_filter label').children().unwrap('<label/>');
   }
});

var table=$（'#示例'）.DataTable({
initComplete:function（）{
$（'.dataTables_filter label'）.children（）.unwrap（''）；
}
});

---

有关代码和演示，请参见。

使用下面的代码从搜索框中删除

标签

节点

var table = $('#example').DataTable({
   initComplete: function(){
      $('.dataTables_filter label').children().unwrap('<label/>');
   }
});

var table=$（'#示例'）.DataTable({
initComplete:function（）{
$（'.dataTables_filter label'）.children（）.unwrap（''）；
}
});

---

有关代码和演示，请参阅。

虽然已经过了很长时间，但我将回答您的问题以备记录

在源文件datatables.min.js中，首先对其进行美化，然后需要更改第3469行的ssearch和ssearchplaceholder的值

默认值为：

sSearch: 'Search:',
sSearchPlaceholder: "",

我把它改成：

sSearch: '',
sSearchPlaceholder: "Αναζήτηση:",

---

它没有输出标签和占位符中的“Αναζήτηση：”尽管已经很长时间了，我将回答您的问题以备记录

在源文件datatables.min.js中，首先对其进行美化，然后需要更改第3469行的ssearch和ssearchplaceholder的值

默认值为：

sSearch: 'Search:',
sSearchPlaceholder: "",

我把它改成：

sSearch: '',
sSearchPlaceholder: "Αναζήτηση:",

---

它不输出标签和“Αναζήτηση：”在占位符中

修改插件的源文件几乎总是一个坏主意，还有其他方法。你能用截图和/或HTML演示一下你想要实现什么样的结构吗？嗨！谢谢你的回复。我已经更新了我的代码，以显示html结构修改插件的源文件几乎总是一个坏主意，还有其他方法可以做到这一点。你能用截图和/或HTML演示一下你想要实现什么样的结构吗？嗨！谢谢你的回复。我已经更新了我的代码以显示html结构。我遇到了一个语法错误，无法识别的表达式：出于某种原因。我根据您的代码解决了它！非常感谢。我必须检查我的特定类的父类是否是一个标签并将其打开。另外，如果您是实际的Gyrocode.com，非常感谢您提供有关数据表复选框的教程。这是非常有用的。我得到了一个语法错误，无法识别的表达式：出于某种原因。我根据你的代码设法解决了它！非常感谢。我必须检查我的特定类的父类是否是一个标签并将其打开。另外，如果您是实际的Gyrocode.com，非常感谢您提供有关数据表复选框的教程。这非常有帮助