html 相关问题

我使用以下代码创建了一个 html 表格：我使用以下代码创建了一个 html 表格： <table id="vendor-table" data-toggle="table" data-sort-class="table-active" data-sortable="true" data-search="true",data-virtual-scroll="false"> <thead> <tr> <th></th> <th data-field="brand" data-sortable="true">Brand </th> <th data-field="client" data-sortable="true">Client</th> <th data-field="spid" data-sortable="true">Selling Partner ID</th> <th data-field="acct" data-sortable="true">Account Type</th> <th data-field="cc" data-sortable="true">Country Code</th> </tr> </thead> <tbody></tbody> </table> 我创建了一个函数来填充表格。下面是函数： function updateVendorTable(filteredVendorAccts) { var table = $('#vendor-table'); // Map the data to include the checkbox column before the id column var mappedData = filteredVendorAccts.map(function (account) { return { '':'<label class="checkbox"><input type="checkbox" name="vendor-ids" value="' + account.id + '" /></label>', brand: account.brand, client: account.client, spid: account.sp_id, acct: account.account_type, cc: account.country_code }; }); // Update the table data using the load method table.bootstrapTable('load', mappedData); } 我希望 html 包含函数返回的第一个值的复选框，即“：”，但复选框列填充有 -。下面是截图：我已确保返回“”列的值。下面是一个例子： { "": "<label class=\"checkbox\"><input type=\"checkbox\" name=\"vendor-ids\" value=\"15324\" /></label>", "brand": "Edge", "client": "GSK_DE", "spid": "amzn1.vg.5666682", "acct": "vendor", "cc": "DE", "id": 15324 } 我错过了什么吗？以下是预期输出：任何帮助将不胜感激。文档就绪：使用 $(document).ready() 确保代码在文档完全加载后运行。 $(document).ready(function () { let data = [ { "": '<label class="checkbox"><input type="checkbox" name="vendor-ids" value="15324" /></label>', brand: "Edge", client: "GSK_DE", spid: "amzn1.vg.5666682", acct: "vendor", cc: "DE",`enter code here` id: 15324, }, ]; // Initialize table with data updateVendorTable(data); }); <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.21.1/bootstrap-table.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" /> <link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.21.1/bootstrap-table.min.css" rel="stylesheet" /> <title>Bootstrap Table Example</title> </head> <body> <div class="container mt-5"> <table id="vendor-table" data-toggle="table" data-sort-class="table-active" data-sortable="true" data-search="true" ,data-virtual-scroll="false"> <thead> <tr> <th></th> <th data-field="brand" data-sortable="true">Brand</th> <th data-field="client" data-sortable="true">Client</th> <th data-field="spid" data-sortable="true">Selling Partner ID</th> <th data-field="acct" data-sortable="true">Account Type</th> <th data-field="cc" data-sortable="true">Country Code</th> </tr> </thead> <tbody></tbody> </table> </div> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.21.1/bootstrap-table.min.js"></script> <script> $(document).ready(function () { let data = [ { "": '<label class="checkbox"><input type="checkbox" name="vendor-ids" value="15324" /></label>', brand: "Edge", client: "GSK_DE", spid: "amzn1.vg.5666682", acct: "vendor", cc: "DE", id: 15324, }, ]; // Initialize table with data updateVendorTable(data); }); function updateVendorTable(filteredVendorAccts) { var table = $("#vendor-table"); // Map the data to include the checkbox column before the id column var mappedData = filteredVendorAccts.map(function (account) { return { "": `<label class="checkbox"><input type="checkbox" name="vendor-ids" value="${account.id}" /></label>`, brand: account.brand, client: account.client, spid: account.spid, acct: account.acct, cc: account.cc, }; }); table.bootstrapTable("load", mappedData); } </script> </body> </html>

html jquery jinja2

回答 1 投票 0

如何修复这个属性错误？

我昨天安装了一个 stripe 包，现在我的应用程序没有运行。我试图了解问题出在哪里。与 PyShell 或 HTLParser 或其他什么有关。我正在发帖...

python html google-app-engine html-parsing attributeerror

回答 4 投票 0

延长 Slider Pro 幻灯片的幻灯片持续时间

我正在使用 Slider Pro 在网站上播放汽车自行车幻灯片。我需要延长幻灯片每张图像的显示时间。在文件中它提到了一个名为“

javascript jquery html css slider

回答 3 投票 0

如何使用 jQuery 选择属性值包含空格的 HTML 元素？ [重复]

我需要使用 jQuery 选择一个属性值包含空格的 HTML 元素。例如，我有一个属性 data-compare，它从 API 接收动态值。有时数据-

javascript html jquery jquery-selectors

回答 1 投票 0

Laravel Auth::attempt 中未定义的数组键“密码”错误

我在尝试使用 Laravel 的 Auth::attempt 方法登录用户时遇到“未定义的数组键‘密码’”错误。以下是我的代码的相关部分：公共职能

php html authentication web laravel-10

回答 1 投票 0

理解 React JSX 中的父元素

如果已经有一个 div className 作为应用程序，为什么我需要员工片段？不是已经在单父元素下了吗返回（ <... 如果已经有一个 div className 作为应用程序，为什么我需要员工片段？不是已经在单父元素下了吗<div className="app"> return ( <div className="app"> { showEMployees ? <> <Employee /> <Employee /> <Employee /> </> : <p> YO YOU CANT ACCESS IT BRO</p> } </div> ); 我尝试删除 div classname 应用程序，但它说它仍然需要父元素。我删除了该片段，它也说了同样的事情。从技术上讲：因为底层 JavaScript 中没有语法元素可以容纳三个相邻元素。 /* @jsx r */ <div> {showEMployees ? ( <> <Employee /> <Employee /> <Employee /> </> ) : ( <p> YO YOU CANT ACCESS IT BRO</p> )} </div> 编译为 r( "div", null, showEMployees ? r( React.Fragment, null, r(Employee, null), r(Employee, null), r(Employee, null), ) : r("p", null, " YO YOU CANT ACCESS IT BRO"), ); 看到React.Fragment元素是如何注入来容纳孩子的吗？（当通过 React 渲染为 HTML 元素时，该片段“消失”。）如果您没有使用片段，它会编译为 (r(Employee, null), r(Employee, null), r(Employee, null)) 这只是逗号运算符，最终你只会得到一个 Employee 元素。您也不应该将数组用于静态数量的元素。您收到的错误消息是因为 JSX 要求有一个父元素包装组件内的所有元素。因此，即使您删除了片段 (<> ... )，您仍然应该有一个包含组件内所有元素的父元素。在您的情况下，如果您想保留“app”类作为父元素，您应该避免删除它。但是，您可以消除片段并使用另一个元素作为容器。例如： return ( <div className="app"> {showEmployees ? ( <div> <Employee /> <Employee /> <Employee /> </div> ) : ( <p>YO YOU CAN'T ACCESS IT BRO</p> )} </div> ); 这样，您就有一个父元素（带有“app”类），其中包含 showEmployees 为 true 时的元素和 showEmployees 为 false 时的段落。如果您希望员工元素直接嵌套在“app”类的 div 中，则需要将“app”div 保留为直接父级。但是，由于 JSX 需要 JSX 元素有一个父元素，因此您可以使用不同的方法，使用元素数组而不是片段。 return ( <div className="app"> {showEmployees ? [ <Employee key={1} />, <Employee key={2} />, <Employee key={3} />, ] : <p>YO YOU CAN'T ACCESS IT BRO</p> } </div> ); 我希望这可以帮助你

javascript html reactjs parent-child

回答 3 投票 0

PDF 尺寸是如何指定的？

我正在使用库从 HTML 生成 PDF，并且我给出的所有尺寸参数均以像素为单位。这看起来有点奇怪。我刚刚在互联网上搜索了 A4 尺寸（以像素为单位），我可以...

html pdf

回答 4 投票 0

更改现有网站源代码上的图像

我正在学习 HTML 技能，我正在尝试更改现有网站源代码中的图像，并将其替换为我计算机中的图像。我链接了 .html 和 .css 文档...

html css

回答 3 投票 0

我想检查输入字段中输入的值的类型

我想检查用户输入的值是字符串还是整数 const inp = document.querySelector('输入') console.log(inp.value 类型) 即使用户输入数字，它也会给出字符串