- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我得到了双复选框,一个来自数据表框架,另一个是我自己制作的。但我只想使用我制作的一个复选框。因为我已将我的复选框类用于其他工作。因此,请让我知道如何删除数据表内部复选框,并且数据表框架应该与我的自定义复选框交互。有什么想法吗?
<!DOCTYPE html>
<html lang="en">
<head>
<title>Real App</title>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<link href="https://cdn.datatables.net/1.10.13/css/jquery.dataTables.min.css" rel="stylesheet"/>
<link href="https://cdn.datatables.net/buttons/1.2.4/css/buttons.dataTables.min.css" rel="stylesheet"/>
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/select/1.2.3/css/select.dataTables.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/2.5.0/jszip.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.18/pdfmake.min.js"></script>
<script src="https://cdn.datatables.net/1.10.13/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/buttons/1.2.4/js/dataTables.buttons.min.js"></script>
<script src="https://cdn.datatables.net/buttons/1.2.4/js/buttons.bootstrap.js"></script>
<script src="https://cdn.datatables.net/buttons/1.2.4/js/buttons.html5.js"></script>
<script src="https://cdn.datatables.net/buttons/1.2.4/js/buttons.print.js"></script>
<script src="https://cdn.datatables.net/select/1.2.3/js/dataTables.select.min.js"></script>
</head>
<body>
<div class="container">
<table id="datatable-responsive" class="table table-striped table-bordered dt-responsive nowrap no-footer dtr-inline dataTable" role="grid" aria-describedby="datatable-responsive_info" style="width: 100%;" cellspacing="0" width="100%">
<tbody>
<tr role="row" class="pointer odd">
<td>
<input type="checkbox" id="checkItem" class="checkItem" name="checkItem" value="1159" /><br />
</td>
<td class="sorting_1" tabindex="0" width="5%">
<ul class="enlarge">
<!--We give the list a class so that we can style it seperately from other unordered lists-->
<!--First Image-->
<li>
<img id="ebayImg" src="http://i.ebayimg.com/images/i/132148971575-0-1/s-l250/p.jpg" height="60px" width="60px">
<span>
<!--span contains the popup image-->
<img src="http://i.ebayimg.com/images/i/132148971575-0-1/s-l250/p.jpg">
</span>
</li>
</ul>
</td>
<td class="sorting_1" tabindex="0" width="5%">
<ul class="enlarge">
<!--We give the list a class so that we can style it seperately from other unordered lists-->
<!--First Image-->
<li>
<img src="https://images-na.ssl-images-amazon.com/images/I/51qhWQ3VG7L._AC_US218_.jpg" height="60px" width="60px">
<span>
<!--span contains the popup image-->
<img src="https://images-na.ssl-images-amazon.com/images/I/51qhWQ3VG7L._AC_US218_.jpg">
</span>
</li>
</ul>
</td>
<td class="sorting_1" width="30%">
<h5><b><a href="http://www.ebay.com/itm/132148971575" id="titleText" value="LG Stylo 3 16GB LTE Smartphone for Boost Mobile - New" id="linkText" target="_blank">LG Stylo 3 16GB LTE Smartphone for Boost Mobile - New</a></b></h5>
</td>
<td class="sorting_1" style="text-align:left" width="30%">
<h5><a href="https://www.amazon.com/dp/B06Y6J869C" id="" target="_blank">LG Stylo 3 - Prepaid - Carrier Locked - Boost Mobile</a></h5>
</td>
<td class="sorting_1">
<a href="https://www.amazon.com/dp/B06Y6J869C" target="_blank">B06Y6J869C</a>
</td>
<td class="sorting_1" style="text-align:left;" width="7%">
$ 119.99
</td>
<td class="sorting_1" style="text-align:left;" width="7%">
$ 119.99
</td>
<td class="sorting_1" style="text-align:left;" width="10%">
$ -17.7
</td>
<td class="sorting_1" style="text-align:left;" width="10%">
0
</td>
<td class="sorting_1" style="text-align:left;" width="10%">
<a class="btnWatchList" value="1159" data-toggle="modal" data-target="#myModal"><i class="fa fa-edit"></i></a>
<a class="deleteBulkItem" value="1159"><i class="fa fa-trash"></i></a>
</td>
</tr>
<tr role="row" class="pointer odd">
<td>
<input type="checkbox" id="checkItem" class="checkItem" name="checkItem" value="1158" /><br />
</td>
<td class="sorting_1" tabindex="0" width="5%">
<ul class="enlarge">
<!--We give the list a class so that we can style it seperately from other unordered lists-->
<!--First Image-->
<li>
<img id="ebayImg" src="http://i.ebayimg.com/images/i/142129917740-0-1/s-l250/p.jpg" height="60px" width="60px">
<span>
<!--span contains the popup image-->
<img src="http://i.ebayimg.com/images/i/142129917740-0-1/s-l250/p.jpg">
</span>
</li>
</ul>
</td>
<td class="sorting_1" tabindex="0" width="5%">
<ul class="enlarge">
<!--We give the list a class so that we can style it seperately from other unordered lists-->
<!--First Image-->
<li>
<img src="https://images-na.ssl-images-amazon.com/images/I/31qQlocEU8L._AC_US218_.jpg" height="60px" width="60px">
<span>
<!--span contains the popup image-->
<img src="https://images-na.ssl-images-amazon.com/images/I/31qQlocEU8L._AC_US218_.jpg">
</span>
</li>
</ul>
</td>
<td class="sorting_1" width="30%">
<h5><b><a href="http://www.ebay.com/itm/142129917740" id="titleText" value="HTC One A9 32GB Opal Silver for Boost Mobile – New" id="linkText" target="_blank">HTC One A9 32GB Opal Silver for Boost Mobile – New</a></b></h5>
</td>
<td class="sorting_1" style="text-align:left" width="30%">
<h5><a href="https://www.amazon.com/dp/B01M0OBVW2" id="" target="_blank">HTC One A9 - Retail Packaging (Boost Mobile) - Carrier Locked - Opal Silver</a></h5>
</td>
<td class="sorting_1">
<a href="https://www.amazon.com/dp/B01M0OBVW2" target="_blank">B01M0OBVW2</a>
</td>
<td class="sorting_1" style="text-align:left;" width="7%">
$ 120.91
</td>
<td class="sorting_1" style="text-align:left;" width="7%">
$ 109.99
</td>
<td class="sorting_1" style="text-align:left;" width="10%">
$ -27.17
</td>
<td class="sorting_1" style="text-align:left;" width="10%">
0
</td>
<td class="sorting_1" style="text-align:left;" width="10%">
<a class="btnWatchList" value="1158" data-toggle="modal" data-target="#myModal"><i class="fa fa-edit"></i></a>
<a class="deleteBulkItem" value="1158"><i class="fa fa-trash"></i></a>
</td>
</tr>
<tr role="row" class="pointer odd">
<td>
<input type="checkbox" id="checkItem" class="checkItem" name="checkItem" value="1157" /><br />
</td>
<td class="sorting_1" tabindex="0" width="5%">
<ul class="enlarge">
<!--We give the list a class so that we can style it seperately from other unordered lists-->
<!--First Image-->
<li>
<img id="ebayImg" src="http://i.ebayimg.com/images/i/252503208819-0-1/s-l250/p.jpg" height="60px" width="60px">
<span>
<!--span contains the popup image-->
<img src="http://i.ebayimg.com/images/i/252503208819-0-1/s-l250/p.jpg">
</span>
</li>
</ul>
</td>
<td class="sorting_1" tabindex="0" width="5%">
<ul class="enlarge">
<!--We give the list a class so that we can style it seperately from other unordered lists-->
<!--First Image-->
<li>
<img src="https://images-na.ssl-images-amazon.com/images/I/51-dHInCIRL._AC_US218_.jpg" height="60px" width="60px">
<span>
<!--span contains the popup image-->
<img src="https://images-na.ssl-images-amazon.com/images/I/51-dHInCIRL._AC_US218_.jpg">
</span>
</li>
</ul>
</td>
<td class="sorting_1" width="30%">
<h5><b><a href="http://www.ebay.com/itm/252503208819" id="titleText" value="Fireplace Fence Baby Safety Fence Hearth Gate Pet Cat Dog BBQ Metal Fire Gate " id="linkText" target="_blank">Fireplace Fence Baby Safety Fence Hearth Gate Pet Cat Dog BBQ Metal Fire Gate </a></b></h5>
</td>
<td class="sorting_1" style="text-align:left" width="30%">
<h5><a href="https://www.amazon.com/dp/B075YR25TM" id="" target="_blank">JAXPETY Adjustable Weight Bench Barbell Incline Flat Lifting Workout Body Press Home Gym</a></h5>
</td>
<td class="sorting_1">
<a href="https://www.amazon.com/dp/B075YR25TM" target="_blank">B075YR25TM</a>
</td>
<td class="sorting_1" style="text-align:left;" width="7%">
$ 71.99
</td>
<td class="sorting_1" style="text-align:left;" width="7%">
$ 52.99
</td>
<td class="sorting_1" style="text-align:left;" width="10%">
$ -26.98
</td>
<td class="sorting_1" style="text-align:left;" width="10%">
0
</td>
<td class="sorting_1" style="text-align:left;" width="10%">
<a class="btnWatchList" value="1157" data-toggle="modal" data-target="#myModal"><i class="fa fa-edit"></i></a>
<a class="deleteBulkItem" value="1157"><i class="fa fa-trash"></i></a>
</td>
</tr>
<tr role="row" class="pointer odd">
<td>
<input type="checkbox" id="checkItem" class="checkItem" name="checkItem" value="1152" /><br />
</td>
<td class="sorting_1" tabindex="0" width="5%">
<ul class="enlarge">
<!--We give the list a class so that we can style it seperately from other unordered lists-->
<!--First Image-->
<li>
<img id="ebayImg" src="http://i.ebayimg.com/images/i/252193780226-0-1/s-l250/p.jpg" height="60px" width="60px">
<span>
<!--span contains the popup image-->
<img src="http://i.ebayimg.com/images/i/252193780226-0-1/s-l250/p.jpg">
</span>
</li>
</ul>
</td>
<td class="sorting_1" tabindex="0" width="5%">
<ul class="enlarge">
<!--We give the list a class so that we can style it seperately from other unordered lists-->
<!--First Image-->
<li>
<img src="https://images-na.ssl-images-amazon.com/images/I/41T3BwQbIkL._AC_US218_.jpg" height="60px" width="60px">
<span>
<!--span contains the popup image-->
<img src="https://images-na.ssl-images-amazon.com/images/I/41T3BwQbIkL._AC_US218_.jpg">
</span>
</li>
</ul>
</td>
<td class="sorting_1" width="30%">
<h5><b><a href="http://www.ebay.com/itm/252193780226" id="titleText" value="Adjustable Indoor Solid Wood Construction Pet Fence Gate Free Standing Dog Gate" id="linkText" target="_blank">Adjustable Indoor Solid Wood Construction Pet Fence Gate Free Standing Dog Gate</a></b></h5>
</td>
<td class="sorting_1" style="text-align:left" width="30%">
<h5><a href="https://www.amazon.com/dp/B075BHLJN7" id="" target="_blank">JAXPETY Electric Knife Sharpener 2 Stage Kitchen Blade Sharpening System New</a></h5>
</td>
<td class="sorting_1">
<a href="https://www.amazon.com/dp/B075BHLJN7" target="_blank">B075BHLJN7</a>
</td>
<td class="sorting_1" style="text-align:left;" width="7%">
$ 17.59
</td>
<td class="sorting_1" style="text-align:left;" width="7%">
$ 44.99
</td>
<td class="sorting_1" style="text-align:left;" width="10%">
$ 20.58
</td>
<td class="sorting_1" style="text-align:left;" width="10%">
0
</td>
<td class="sorting_1" style="text-align:left;" width="10%">
<a class="btnWatchList" value="1152" data-toggle="modal" data-target="#myModal"><i class="fa fa-edit"></i></a>
<a class="deleteBulkItem" value="1152"><i class="fa fa-trash"></i></a>
</td>
</tr>
</tbody>
<thead>
<tr role="row">
<th class="column-title"><input type="checkbox" id="checkAll" class="chkAll"></th>
<th class="sorting_asc" tabindex="0" aria-controls="datatable-responsive" rowspan="1" colspan="1" style="width: 60px;" aria-label=": activate to sort column descending" aria-sort="ascending">Ebay Image</th>
<th class="sorting_asc" tabindex="0" aria-controls="datatable-responsive" rowspan="1" colspan="1" style="width: 60px;" aria-label=": activate to sort column descending" aria-sort="ascending">Amazon Image</th>
<th class="sorting" tabindex="0" aria-controls="datatable-responsive" rowspan="1" colspan="1" style="width: 771px;" aria-label="Product name: activate to sort column ascending">Ebay Title</th>
<th class="sorting" tabindex="0" aria-controls="datatable-responsive" rowspan="1" colspan="1" style="width: 771px;" aria-label="Product name: activate to sort column ascending">Amazon Title</th>
<th class="sorting" tabindex="0" aria-controls="datatable-responsive" rowspan="1" colspan="1" style="width: 771px;" aria-label="Product name: activate to sort column ascending">ASIN</th>
<th class="sorting" tabindex="0" aria-controls="datatable-responsive" rowspan="1" colspan="1" style="width: 771px;" aria-label="Product name: activate to sort column ascending">Amazon price</th>
<th class="sorting" tabindex="0" aria-controls="datatable-responsive" rowspan="1" colspan="1" style="width: 771px;" aria-label="Product name: activate to sort column ascending">eBay price</th>
<th class="sorting" tabindex="0" aria-controls="datatable-responsive" rowspan="1" colspan="1" style="width: 771px; text-align:center;" aria-label="Product name: activate to sort column ascending">Profit</th>
<th class="sorting" tabindex="0" aria-controls="datatable-responsive" rowspan="1" colspan="1" style="width: 771px; text-align:center;" aria-label="Product name: activate to sort column ascending">Sales</th>
<th class="sorting" tabindex="0" aria-controls="datatable-responsive" rowspan="1" colspan="1" style="width: 771px;" aria-label="Product name: activate to sort column ascending"></th>
</tr>
</thead>
</table>
<!-- <link rel="stylesheet" href="/Remodal/dist/remodal.css" />
<link rel="stylesheet" href="/Remodal/dist/remodal-default-theme.css" />
<script src="/Remodal/dist/remodal.min.js"></script>
<script src="/Content/vendors/datatables.net/js/jquery.dataTables.min.js"></script>
<script src="/Content/vendors/datatables.net-bs/js/dataTables.bootstrap.min.js"></script>
<script src="/Content/vendors/datatables.net-buttons/js/dataTables.buttons.min.js"></script>
<script src="/Content/vendors/datatables.net-buttons-bs/js/buttons.bootstrap.min.js"></script>
<script src="/Content/vendors/datatables.net-buttons/js/buttons.flash.min.js"></script>
<script src="/Content/vendors/datatables.net-buttons/js/buttons.html5.min.js"></script>
<script src="/Content/vendors/datatables.net-buttons/js/buttons.print.min.js"></script>
<script src="/Content/vendors/datatables.net-fixedheader/js/dataTables.fixedHeader.min.js"></script>
<script src="/Content/vendors/datatables.net-keytable/js/dataTables.keyTable.min.js"></script>
<script src="/Content/vendors/datatables.net-responsive/js/dataTables.responsive.min.js"></script>
<script src="/Content/vendors/datatables.net-responsive-bs/js/responsive.bootstrap.js"></script>
<script src="/Content/vendors/datatables.net-scroller/js/datatables.scroller.min.js"></script>
<script src="/Content/vendors/jszip/dist/jszip.min.js"></script>
<script src="/Content/vendors/pdfmake/build/pdfmake.min.js"></script>
<script src="/Content/vendors/pdfmake/build/vfs_fonts.js"></script> -->
<script>
var type_id;
$('select').change(function () {
type_id = this.options[this.selectedIndex].parentNode.label;
});
$(document).ready(function () {
var table = $('#datatable-responsive').DataTable({
dom: 'Bfrtip',
buttons: [
// 'copy', 'csv', 'excel', 'pdf', 'print',
{
extend: 'copy',
text: 'copy',
exportOptions: {
columns: [5, 3, 4, 7, 6],
modifier: {
selected: true
}
}
},
{
extend: 'csv',
text: 'csv',
exportOptions: {
columns: [5, 3, 4, 7, 6],
modifier: {
selected: true
}
}
},
{
extend: 'excel',
text: 'excel',
exportOptions: {
columns: [5, 3, 4, 7, 6],
modifier: {
selected: true
}
}
},
{
extend: 'pdf',
text: 'pdf',
exportOptions: {
columns: [5, 3, 4, 7, 6],
modifier: {
selected: true
}
}
},
{
extend: 'print',
text: 'print',
exportOptions: {
modifier: {
selected: true
}
}
},
],
columnDefs: [{
orderable: false,
className: 'select-checkbox',
targets: 0,
checkboxes: {
selectRow: true
}
}],
select: {
style: 'multi',
selector: 'td:first-child'
},
order: [[1, 'asc']]
});
});
</script>
</div>
</body>
</html>
最佳答案
<!DOCTYPE html>
<html lang="en">
<head>
<title>Real App</title>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<link href="https://cdn.datatables.net/1.10.13/css/jquery.dataTables.min.css" rel="stylesheet"/>
<link href="https://cdn.datatables.net/buttons/1.2.4/css/buttons.dataTables.min.css" rel="stylesheet"/>
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/select/1.2.3/css/select.dataTables.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/2.5.0/jszip.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.18/pdfmake.min.js"></script>
<script src="https://cdn.datatables.net/1.10.13/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/buttons/1.2.4/js/dataTables.buttons.min.js"></script>
<script src="https://cdn.datatables.net/buttons/1.2.4/js/buttons.bootstrap.js"></script>
<script src="https://cdn.datatables.net/buttons/1.2.4/js/buttons.html5.js"></script>
<script src="https://cdn.datatables.net/buttons/1.2.4/js/buttons.print.js"></script>
<script src="https://cdn.datatables.net/select/1.2.3/js/dataTables.select.min.js"></script>
<style>
table.dataTable tbody td.select-checkbox, table.dataTable tbody th.select-checkbox {
position: static !important;
}
</style>
</head>
<body>
<div class="container">
<table id="datatable-responsive" class="table table-striped table-bordered dt-responsive nowrap no-footer dtr-inline dataTable" role="grid" aria-describedby="datatable-responsive_info" style="width: 100%;" cellspacing="0" width="100%">
<tbody>
<tr role="row" class="pointer odd">
<td>
<input type="checkbox" id="checkItem" class="checkItem" name="checkItem" value="1159" /><br />
</td>
<td class="sorting_1" tabindex="0" width="5%">
<ul class="enlarge">
<!--We give the list a class so that we can style it seperately from other unordered lists-->
<!--First Image-->
<li>
<img id="ebayImg" src="http://i.ebayimg.com/images/i/132148971575-0-1/s-l250/p.jpg" height="60px" width="60px">
<span>
<!--span contains the popup image-->
<img src="http://i.ebayimg.com/images/i/132148971575-0-1/s-l250/p.jpg">
</span>
</li>
</ul>
</td>
<td class="sorting_1" tabindex="0" width="5%">
<ul class="enlarge">
<!--We give the list a class so that we can style it seperately from other unordered lists-->
<!--First Image-->
<li>
<img src="https://images-na.ssl-images-amazon.com/images/I/51qhWQ3VG7L._AC_US218_.jpg" height="60px" width="60px">
<span>
<!--span contains the popup image-->
<img src="https://images-na.ssl-images-amazon.com/images/I/51qhWQ3VG7L._AC_US218_.jpg">
</span>
</li>
</ul>
</td>
<td class="sorting_1" width="30%">
<h5><b><a href="http://www.ebay.com/itm/132148971575" id="titleText" value="LG Stylo 3 16GB LTE Smartphone for Boost Mobile - New" id="linkText" target="_blank">LG Stylo 3 16GB LTE Smartphone for Boost Mobile - New</a></b></h5>
</td>
<td class="sorting_1" style="text-align:left" width="30%">
<h5><a href="https://rads.stackoverflow.com/amzn/click/com/B06Y6J869C" rel="nofollow noreferrer" id="" target="_blank">LG Stylo 3 - Prepaid - Carrier Locked - Boost Mobile</a></h5>
</td>
<td class="sorting_1">
<a href="https://rads.stackoverflow.com/amzn/click/com/B06Y6J869C" rel="nofollow noreferrer" target="_blank">B06Y6J869C</a>
</td>
<td class="sorting_1" style="text-align:left;" width="7%">
$ 119.99
</td>
<td class="sorting_1" style="text-align:left;" width="7%">
$ 119.99
</td>
<td class="sorting_1" style="text-align:left;" width="10%">
$ -17.7
</td>
<td class="sorting_1" style="text-align:left;" width="10%">
0
</td>
<td class="sorting_1" style="text-align:left;" width="10%">
<a class="btnWatchList" value="1159" data-toggle="modal" data-target="#myModal"><i class="fa fa-edit"></i></a>
<a class="deleteBulkItem" value="1159"><i class="fa fa-trash"></i></a>
</td>
</tr>
<tr role="row" class="pointer odd">
<td>
<input type="checkbox" id="checkItem" class="checkItem" name="checkItem" value="1158" /><br />
</td>
<td class="sorting_1" tabindex="0" width="5%">
<ul class="enlarge">
<!--We give the list a class so that we can style it seperately from other unordered lists-->
<!--First Image-->
<li>
<img id="ebayImg" src="http://i.ebayimg.com/images/i/142129917740-0-1/s-l250/p.jpg" height="60px" width="60px">
<span>
<!--span contains the popup image-->
<img src="http://i.ebayimg.com/images/i/142129917740-0-1/s-l250/p.jpg">
</span>
</li>
</ul>
</td>
<td class="sorting_1" tabindex="0" width="5%">
<ul class="enlarge">
<!--We give the list a class so that we can style it seperately from other unordered lists-->
<!--First Image-->
<li>
<img src="https://images-na.ssl-images-amazon.com/images/I/31qQlocEU8L._AC_US218_.jpg" height="60px" width="60px">
<span>
<!--span contains the popup image-->
<img src="https://images-na.ssl-images-amazon.com/images/I/31qQlocEU8L._AC_US218_.jpg">
</span>
</li>
</ul>
</td>
<td class="sorting_1" width="30%">
<h5><b><a href="http://www.ebay.com/itm/142129917740" id="titleText" value="HTC One A9 32GB Opal Silver for Boost Mobile – New" id="linkText" target="_blank">HTC One A9 32GB Opal Silver for Boost Mobile – New</a></b></h5>
</td>
<td class="sorting_1" style="text-align:left" width="30%">
<h5><a href="https://rads.stackoverflow.com/amzn/click/com/B01M0OBVW2" rel="nofollow noreferrer" id="" target="_blank">HTC One A9 - Retail Packaging (Boost Mobile) - Carrier Locked - Opal Silver</a></h5>
</td>
<td class="sorting_1">
<a href="https://rads.stackoverflow.com/amzn/click/com/B01M0OBVW2" rel="nofollow noreferrer" target="_blank">B01M0OBVW2</a>
</td>
<td class="sorting_1" style="text-align:left;" width="7%">
$ 120.91
</td>
<td class="sorting_1" style="text-align:left;" width="7%">
$ 109.99
</td>
<td class="sorting_1" style="text-align:left;" width="10%">
$ -27.17
</td>
<td class="sorting_1" style="text-align:left;" width="10%">
0
</td>
<td class="sorting_1" style="text-align:left;" width="10%">
<a class="btnWatchList" value="1158" data-toggle="modal" data-target="#myModal"><i class="fa fa-edit"></i></a>
<a class="deleteBulkItem" value="1158"><i class="fa fa-trash"></i></a>
</td>
</tr>
<tr role="row" class="pointer odd">
<td>
<input type="checkbox" id="checkItem" class="checkItem" name="checkItem" value="1157" /><br />
</td>
<td class="sorting_1" tabindex="0" width="5%">
<ul class="enlarge">
<!--We give the list a class so that we can style it seperately from other unordered lists-->
<!--First Image-->
<li>
<img id="ebayImg" src="http://i.ebayimg.com/images/i/252503208819-0-1/s-l250/p.jpg" height="60px" width="60px">
<span>
<!--span contains the popup image-->
<img src="http://i.ebayimg.com/images/i/252503208819-0-1/s-l250/p.jpg">
</span>
</li>
</ul>
</td>
<td class="sorting_1" tabindex="0" width="5%">
<ul class="enlarge">
<!--We give the list a class so that we can style it seperately from other unordered lists-->
<!--First Image-->
<li>
<img src="https://images-na.ssl-images-amazon.com/images/I/51-dHInCIRL._AC_US218_.jpg" height="60px" width="60px">
<span>
<!--span contains the popup image-->
<img src="https://images-na.ssl-images-amazon.com/images/I/51-dHInCIRL._AC_US218_.jpg">
</span>
</li>
</ul>
</td>
<td class="sorting_1" width="30%">
<h5><b><a href="http://www.ebay.com/itm/252503208819" id="titleText" value="Fireplace Fence Baby Safety Fence Hearth Gate Pet Cat Dog BBQ Metal Fire Gate " id="linkText" target="_blank">Fireplace Fence Baby Safety Fence Hearth Gate Pet Cat Dog BBQ Metal Fire Gate </a></b></h5>
</td>
<td class="sorting_1" style="text-align:left" width="30%">
<h5><a href="https://rads.stackoverflow.com/amzn/click/com/B075YR25TM" rel="nofollow noreferrer" id="" target="_blank">JAXPETY Adjustable Weight Bench Barbell Incline Flat Lifting Workout Body Press Home Gym</a></h5>
</td>
<td class="sorting_1">
<a href="https://rads.stackoverflow.com/amzn/click/com/B075YR25TM" rel="nofollow noreferrer" target="_blank">B075YR25TM</a>
</td>
<td class="sorting_1" style="text-align:left;" width="7%">
$ 71.99
</td>
<td class="sorting_1" style="text-align:left;" width="7%">
$ 52.99
</td>
<td class="sorting_1" style="text-align:left;" width="10%">
$ -26.98
</td>
<td class="sorting_1" style="text-align:left;" width="10%">
0
</td>
<td class="sorting_1" style="text-align:left;" width="10%">
<a class="btnWatchList" value="1157" data-toggle="modal" data-target="#myModal"><i class="fa fa-edit"></i></a>
<a class="deleteBulkItem" value="1157"><i class="fa fa-trash"></i></a>
</td>
</tr>
<tr role="row" class="pointer odd">
<td>
<input type="checkbox" id="checkItem" class="checkItem" name="checkItem" value="1152" /><br />
</td>
<td class="sorting_1" tabindex="0" width="5%">
<ul class="enlarge">
<!--We give the list a class so that we can style it seperately from other unordered lists-->
<!--First Image-->
<li>
<img id="ebayImg" src="http://i.ebayimg.com/images/i/252193780226-0-1/s-l250/p.jpg" height="60px" width="60px">
<span>
<!--span contains the popup image-->
<img src="http://i.ebayimg.com/images/i/252193780226-0-1/s-l250/p.jpg">
</span>
</li>
</ul>
</td>
<td class="sorting_1" tabindex="0" width="5%">
<ul class="enlarge">
<!--We give the list a class so that we can style it seperately from other unordered lists-->
<!--First Image-->
<li>
<img src="https://images-na.ssl-images-amazon.com/images/I/41T3BwQbIkL._AC_US218_.jpg" height="60px" width="60px">
<span>
<!--span contains the popup image-->
<img src="https://images-na.ssl-images-amazon.com/images/I/41T3BwQbIkL._AC_US218_.jpg">
</span>
</li>
</ul>
</td>
<td class="sorting_1" width="30%">
<h5><b><a href="http://www.ebay.com/itm/252193780226" id="titleText" value="Adjustable Indoor Solid Wood Construction Pet Fence Gate Free Standing Dog Gate" id="linkText" target="_blank">Adjustable Indoor Solid Wood Construction Pet Fence Gate Free Standing Dog Gate</a></b></h5>
</td>
<td class="sorting_1" style="text-align:left" width="30%">
<h5><a href="https://rads.stackoverflow.com/amzn/click/com/B075BHLJN7" rel="nofollow noreferrer" id="" target="_blank">JAXPETY Electric Knife Sharpener 2 Stage Kitchen Blade Sharpening System New</a></h5>
</td>
<td class="sorting_1">
<a href="https://rads.stackoverflow.com/amzn/click/com/B075BHLJN7" rel="nofollow noreferrer" target="_blank">B075BHLJN7</a>
</td>
<td class="sorting_1" style="text-align:left;" width="7%">
$ 17.59
</td>
<td class="sorting_1" style="text-align:left;" width="7%">
$ 44.99
</td>
<td class="sorting_1" style="text-align:left;" width="10%">
$ 20.58
</td>
<td class="sorting_1" style="text-align:left;" width="10%">
0
</td>
<td class="sorting_1" style="text-align:left;" width="10%">
<a class="btnWatchList" value="1152" data-toggle="modal" data-target="#myModal"><i class="fa fa-edit"></i></a>
<a class="deleteBulkItem" value="1152"><i class="fa fa-trash"></i></a>
</td>
</tr>
</tbody>
<thead>
<tr role="row">
<th class="column-title"><input type="checkbox" id="checkAll" class="chkAll"></th>
<th class="sorting_asc" tabindex="0" aria-controls="datatable-responsive" rowspan="1" colspan="1" style="width: 60px;" aria-label=": activate to sort column descending" aria-sort="ascending">Ebay Image</th>
<th class="sorting_asc" tabindex="0" aria-controls="datatable-responsive" rowspan="1" colspan="1" style="width: 60px;" aria-label=": activate to sort column descending" aria-sort="ascending">Amazon Image</th>
<th class="sorting" tabindex="0" aria-controls="datatable-responsive" rowspan="1" colspan="1" style="width: 771px;" aria-label="Product name: activate to sort column ascending">Ebay Title</th>
<th class="sorting" tabindex="0" aria-controls="datatable-responsive" rowspan="1" colspan="1" style="width: 771px;" aria-label="Product name: activate to sort column ascending">Amazon Title</th>
<th class="sorting" tabindex="0" aria-controls="datatable-responsive" rowspan="1" colspan="1" style="width: 771px;" aria-label="Product name: activate to sort column ascending">ASIN</th>
<th class="sorting" tabindex="0" aria-controls="datatable-responsive" rowspan="1" colspan="1" style="width: 771px;" aria-label="Product name: activate to sort column ascending">Amazon price</th>
<th class="sorting" tabindex="0" aria-controls="datatable-responsive" rowspan="1" colspan="1" style="width: 771px;" aria-label="Product name: activate to sort column ascending">eBay price</th>
<th class="sorting" tabindex="0" aria-controls="datatable-responsive" rowspan="1" colspan="1" style="width: 771px; text-align:center;" aria-label="Product name: activate to sort column ascending">Profit</th>
<th class="sorting" tabindex="0" aria-controls="datatable-responsive" rowspan="1" colspan="1" style="width: 771px; text-align:center;" aria-label="Product name: activate to sort column ascending">Sales</th>
<th class="sorting" tabindex="0" aria-controls="datatable-responsive" rowspan="1" colspan="1" style="width: 771px;" aria-label="Product name: activate to sort column ascending"></th>
</tr>
</thead>
</table>
<!-- <link rel="stylesheet" href="/Remodal/dist/remodal.css" />
<link rel="stylesheet" href="/Remodal/dist/remodal-default-theme.css" />
<script src="/Remodal/dist/remodal.min.js"></script>
<script src="/Content/vendors/datatables.net/js/jquery.dataTables.min.js"></script>
<script src="/Content/vendors/datatables.net-bs/js/dataTables.bootstrap.min.js"></script>
<script src="/Content/vendors/datatables.net-buttons/js/dataTables.buttons.min.js"></script>
<script src="/Content/vendors/datatables.net-buttons-bs/js/buttons.bootstrap.min.js"></script>
<script src="/Content/vendors/datatables.net-buttons/js/buttons.flash.min.js"></script>
<script src="/Content/vendors/datatables.net-buttons/js/buttons.html5.min.js"></script>
<script src="/Content/vendors/datatables.net-buttons/js/buttons.print.min.js"></script>
<script src="/Content/vendors/datatables.net-fixedheader/js/dataTables.fixedHeader.min.js"></script>
<script src="/Content/vendors/datatables.net-keytable/js/dataTables.keyTable.min.js"></script>
<script src="/Content/vendors/datatables.net-responsive/js/dataTables.responsive.min.js"></script>
<script src="/Content/vendors/datatables.net-responsive-bs/js/responsive.bootstrap.js"></script>
<script src="/Content/vendors/datatables.net-scroller/js/datatables.scroller.min.js"></script>
<script src="/Content/vendors/jszip/dist/jszip.min.js"></script>
<script src="/Content/vendors/pdfmake/build/pdfmake.min.js"></script>
<script src="/Content/vendors/pdfmake/build/vfs_fonts.js"></script> -->
<script>
var type_id;
$('select').change(function () {
type_id = this.options[this.selectedIndex].parentNode.label;
});
$(document).ready(function () {
var table = $('#datatable-responsive').DataTable({
dom: 'Bfrtip',
buttons: [
// 'copy', 'csv', 'excel', 'pdf', 'print',
{
extend: 'copy',
text: 'copy',
exportOptions: {
columns: [5, 3, 4, 7, 6],
modifier: {
selected: true
}
}
},
{
extend: 'csv',
text: 'csv',
exportOptions: {
columns: [5, 3, 4, 7, 6],
modifier: {
selected: true
}
}
},
{
extend: 'excel',
text: 'excel',
exportOptions: {
columns: [5, 3, 4, 7, 6],
modifier: {
selected: true
}
}
},
{
extend: 'pdf',
text: 'pdf',
exportOptions: {
columns: [5, 3, 4, 7, 6],
modifier: {
selected: true
}
}
},
{
extend: 'print',
text: 'print',
exportOptions: {
modifier: {
selected: true
}
}
},
],
columnDefs: [{
orderable: false,
className: 'select-checkbox',
targets: 0,
checkboxes: {
selectRow: true
}
}],
select: {
style: 'multi',
selector: 'td:first-child'
},
order: [[1, 'asc']]
});
});
</script>
</div>
</body>
</html>
关于jquery - 将数据表复选框替换为我的自定义复选框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46582968/
我想对一个字符串执行搜索和替换,比如 password。 正如您从问题中了解到的那样,替换后的字符串应变为 sdvvzrug。 但不幸的是,下面的代码输出bbbbcaab: $search = ran
我正在使用 futurize --stage2它应用了许多源代码转换以使代码 python2 和 python3 兼容。其中一个修复是所有分区 a/b 都替换为 old_div(a/b),我想避免这种
我正在使用 RStudio,但我在控制台上的输出被截断了。我找不到如何停止截断(我尝试搜索 ?options 以及在谷歌上搜索的时间比我想承认的要长)。 编辑:我向大家道歉!我最初的长名称为“This
我有一个 fragment 堆栈,我在其中使用替换和相加。添加或替换我的 fragment 的代码(在我的 Activity 中)如下 private fun addFragment(fragment
我在一个数组中插入了一些字符串,但在我这样做之前,我想按照主题所说的去做。只用 %20 替换空格,我这样做: Name.push(linkText.replace(" ", "%20")); 但是我如
我正在尝试编译和测试我在网上看到的代码 Expanding an IP add 。但是,当我尝试编译它时,我收到有关 StringBuilder 替换方法的错误。它说: IPadd.java:52:
我正在尝试使用 dplyr 的最新功能重写我的部分代码,方法是将 data.frame() 替换为 data_frame() 和 cbind() 与 bind_cols(): library(rgeo
我最近偶然发现了 replace()和 "[ x.tst s.tst s.tst [,1] [,2] [,3] [1,] 0 0 0
我一直想知道,如何在给定的参数内进行替换。 如果你有这样的一行: 123,Hello,World,(I am, here), unknown 你想更换 World与 Foobar那么这是一个简单的任务
如何转义字符串中的双引号?例如, input: "Nobody" output: \"Nobody\" 我尝试过这样的操作,但不起作用: String name = "Nobody"; name.r
我正在做类似的事情: SQL sql sQl SqL var ps = document.getElementsByTagName('p'); for(var i = 0; i 但它不会替换文本。
我正在尝试用 \" 替换所有 " 并用 JSON 解析字符串,但浏览器抛出错误 SyntaxError: JSON Parse error: Unrecognized token '\'. 下面是代码
大家好,在这里挣扎...... 是否可以将第一个正斜杠之间的任何内容替换为“”,但保留其余部分? 例如var 将是 string "/anything-here-this-needs-to-be-re
在下面的代码中,JavaScript 替换函数中的 alert(a) 将提醒匹配的字符串,在本例中,将是 {name} 和 {place}。 这按照文档 javascript docs 的描述工作,即
+-----------------------------+ | tables | +-------------------
我正在尝试用\"替换包含 "的字符串,下面是我尝试过的程序 String s="\"/test /string\""; s = s.replaceAll("\"", "\\\"");
var text = "a's ..a's ...\"... "; text = convert(text); function convert( text ) { var n = text
我正在尝试使用 JavaScript 中的替换函数,但有一个问题。 strNewDdlVolCannRegion = strNewDdlVolCannRegion.replace(/_existing
好吧,首先我对我的上一篇文章感到非常抱歉,但我真的需要帮助,我会把我真正想要的东西放在一个更清晰的代码中。我不擅长 javascript,所以希望你能帮助我。
我正在写一张纸条,遇到了障碍。可能有更有效的方法来执行此操作,但我对 Python 还很陌生。我正在尝试创建用户生成的 IP 地址列表。我正在使用 print 来查看生成的值是否正确。当我运行此代码时
我是一名优秀的程序员,十分优秀!