正文 

当前位置： 首页 > 问答 >

删除表单内联类

     2023-05-08     114

关键词：

【中文标题】删除表单内联类【英文标题】：Remove form-inline class 【发布时间】：2018-01-12 09:28:22 【问题描述】：

我在我的应用程序中使用材料设计引导数据表。

https://datatables.net/examples/styling/material.html

Bootstrap 的 form-inline 类与 datables 样式冲突。

html

<table id="example" class="mdl-data-table" cellspacing="0" >
    <thead>
        <tr>
            <th>Name</th>
            <th>Position</th>
            <th>Office</th>
            <th>Age</th>
            <th>Start date</th>
            <th>Salary</th>
        </tr>
    </thead>
    <tfoot>
        <tr>
            <th>Name</th>
            <th>Position</th>
            <th>Office</th>
            <th>Age</th>
            <th>Start date</th>
            <th>Salary</th>
        </tr>
    </tfoot>
    <tbody>
        <tr>
            <td>Tiger Nixon</td>
            <td>System Architect</td>
            <td>Edinburgh</td>
            <td>61</td>
            <td>2011/04/25</td>
            <td>$320,800</td>
        </tr>
        <tr>
            <td>Garrett Winters</td>
            <td>Accountant</td>
            <td>Tokyo</td>
            <td>63</td>
            <td>2011/07/25</td>
            <td>$170,750</td>
        </tr>
    </tbody>
</table>

脚本

<script type="text/javascript">
    $(document).ready(function()       
        $('#example').DataTable( 
            columnDefs: [
                
                    targets: [ 0, 1, 2 ],
                    className: 'mdl-data-table__cell--non-numeric'
                
            ]
         );

     );

</script>

我已经看到了这个解决方案

https://datatables.net/forums/discussion/40105/prevent-form-inline-class.

但我收到此错误。

jquery-3.1.1.min.js:2 Uncaught ReferenceError: table is not defined

下面的代码究竟应该放在哪里？ 

$( table.table().container() ).removeClass( 'form-inline' );

【问题讨论】：

为什么需要 .table()？删除课程？ 你不能只使用 $("table").removeClass( 'form-inline' ); ? 只看这个链接datatables.net/forums/discussion/40105/… $("table").removeClass('form-inline');不工作 如果可能，创建工作 sn-p。 【参考方案1】：

试试这个代码

       <script type="text/javascript">
            $(document).ready(function()       
               var table =  $('#example').DataTable( 
                    columnDefs: [
                        
                            targets: [ 0, 1, 2 ],
                            className: 'mdl-data-table__cell--non-numeric'
                        
                    ]
                 );

                $( table.table().container() ).removeClass( 'form-inline' );

             );
        </script>

【讨论】：

bootstrap-内联表单水平（横向）表单响应式图片辅助类[转]

<!DOCTYPEhtml><html><headlang="en"><metacharset="UTF-8"><!--媒体查询--><metahttp-equiv="X-UA-Compatible"content="IE=edge"><!--为了确保适当的绘制和触屏缩放，需要在<head>之中添加viewp 查看详情

formset 删除内联实例

】formset删除内联实例【英文标题】：formsetdeleteinlineinstance【发布时间】：2016-08-0403:28:28【问题描述】：已确定我需要从表单集中删除的对象。defsave_formset(self,request,form,formset,change):instances=formset.save(commit=False)forinstanceininstances:....... 查看详情

使用单个 grails 域类属性进行动态内联验证

...2-10-0206:13:44【问题描述】：目前，我们应用程序中的所有表单验证都是在提交表单时执行的。每个CommandObject都有多个字段，因此有多个约束和检查。我们正在寻求调整验证，以便当用户从每个字段（onblur）移开标 查看详情

如何在 Django 的表单中拥有嵌套的内联表单集？

】如何在Django的表单中拥有嵌套的内联表单集？【英文标题】：HowtohaveanestedinlineformsetwithinaforminDjango?【发布时间】：2011-07-2723:47:00【问题描述】：我希望这个问题还没有被问到，但我想知道是否有可能为对象提供一个基于类的... 查看详情

无法将内联 CSS 提供给 Django 表单

】无法将内联CSS提供给Django表单【英文标题】：NotabletogiveinlineCSStoDjangoform【发布时间】：2015-09-2713:58:55【问题描述】：您好，我正在开发Django项目，但无法提供Inline课程。如何在类基视图表单中应用CSS类。这是我的代码：classBoo... 查看详情

Django 内联表单集将始终创建新对象而不是更新它们

】Django内联表单集将始终创建新对象而不是更新它们【英文标题】：Djangoinlineformsetwillalwayscreatenewobjectinsteadofupdatethem【发布时间】：2020-09-1702:11:24【问题描述】：我有两个模型First和Second，FK从Second到First。我为2类创建了一个表... 查看详情

内联表单集 is_valid 错误：列表索引超出范围

】内联表单集is_valid错误：列表索引超出范围【英文标题】：inlineformsetis_validerror:listindexoutofrange【发布时间】：2014-04-1108:20:48【问题描述】：尊敬的Django专家；将内联表单集与基于类的视图结合，通过列表索引异常的is_valid超出... 查看详情

Django - 带有内联表单集的 UpdateView 试图保存重复记录？

】Django-带有内联表单集的UpdateView试图保存重复记录？【英文标题】：Django-UpdateViewwithinlineformsetstryingtosaveduplicaterecords?【发布时间】：2015-12-1102:07:16【问题描述】：我有一个Expense模型和一个ExpenseLineItem模型。就像典型的费用/发... 查看详情

使用内联表单在 django-crispy-forms 中呈现字段错误

】使用内联表单在django-crispy-forms中呈现字段错误【英文标题】：Renderingfielderrorsindjango-crispy-formswithinlineforms【发布时间】：2013-10-0608:39:35【问题描述】：我在django_crispy_forms中使用bootstrap3作为默认模板包，并尝试使用脆标签呈现... 查看详情

从结帐表单中删除 woocommerce 默认 css 类

】从结帐表单中删除woocommerce默认css类【英文标题】：Removewoocommercedeafultcssclassesfromcheckoutform【发布时间】：2020-05-0712:32:27【问题描述】：我第一次使用woocommerce来创建一个由wordpress支持的电子商务网站。我需要应用bootstrap4css表... 查看详情

带有内联表单集的 Django 表单验证

】带有内联表单集的Django表单验证【英文标题】：Djangoformvalidationwithinlineformsets【发布时间】：2011-09-1714:40:57【问题描述】：我在一个HTML页面上有一个主表单和三个内联forset，目的是为客户创建Estimates。“主”表单的主键用作所... 查看详情

表单重置后如何添加/删除类并重新验证？

】表单重置后如何添加/删除类并重新验证？【英文标题】：Howtoadd/removeclassandre-validateafterformreset?【发布时间】：2020-11-1421:33:30【问题描述】：我从here找到了这段代码：$(document).ready(function()varerrorMessage="Pleasematchthespecifiedformat.";$... 查看详情

Django内联表单集错误

】Django内联表单集错误【英文标题】：Djangoinlineformseterror【发布时间】：2012-06-2706:11:02【问题描述】：我正在尝试将内联表单集添加到表单中。这是重现错误的最少代码：models.pyclassFestival(Model):desc=TextField(max_length=1000)classFestivalA... 查看详情

Django 中的内联表单验证

】Django中的内联表单验证【英文标题】：InlineFormValidationinDjango【发布时间】：2010-10-2700:53:15【问题描述】：我想在管理员更改表单中强制设置整个内联表单集。因此，在我当前的情况下，当我在发票表单（在管理员中）上点击... 查看详情

如何使用 Jsoup 从 html 元素中删除所有内联样式和其他属性？

】如何使用Jsoup从html元素中删除所有内联样式和其他属性？【英文标题】：HowtoremoveallinlinestylesandotherattributesfromhtmlelementsusingJsoup?【发布时间】：2013-11-1600:51:08【问题描述】：如何使用Jsoup从html元素中删除所有内联样式和其他属... 查看详情

Django 的内联表单

】Django的内联表单【英文标题】：Django\'sInlineForms【发布时间】：2011-06-1215:38:29【问题描述】：我正在尝试使用内联formSet创建记录，同时使用普通表单创建记录，其主键是内联formSet的外键都在同一个HTML页面上。有意义吗？这就... 查看详情

内联 onclick 覆盖 JQuery click()

...钮文本不会改变，onclick会覆盖click函数。如果您从函数中删除表单id属性并从html标记中删除onclick属性，则代码将按预期工作（在 查看详情

htmlbootstrap内联表单(代码片段)

查看详情