如何合并 jQuery 数据表 excelHtml5 中列的匹配值

2024-04-27

当我从数据表导出 Excel 时，我无法合并 col 值。由于列的值B named Category。需要合并重复值。我是编程新手，感谢任何帮助

这是我的我的jsfiddle https://jsfiddle.net/t1j6rzg8/2/

这是我的代码

<table id="example1" class="table table-sm cell-border compact stripe table-bordered table-hover dataTable dtr-inline"
    cellspacing="0" width="100%" aria-describedby="example1_info">


    <thead>
        <tr>
            <th class="d-none sorting_disabled" rowspan="1" colspan="1">Date</th>
            <th class="sorting_disabled" rowspan="1" colspan="1">Category</th>
            <th class="sorting_disabled" rowspan="1" colspan="1">Item Name</th>
            <th class="sorting_disabled" rowspan="1" colspan="1">Price</th>
            <th class="sorting_disabled" rowspan="1" colspan="1">Opening</th>
            <th class="sorting_disabled" rowspan="1" colspan="1">Recived</th>
            <th class="sorting_disabled" rowspan="1" colspan="1">Total</th>
            <th class="sorting_disabled" rowspan="1" colspan="1">Closing</th>
            <th class="sorting_disabled" rowspan="1" colspan="1">Sales</th>
            <th class="sorting_disabled" rowspan="1" colspan="1">Total</th>
        </tr>
    </thead>

    <tbody>

        <tr data-row-id="1761" class="even">
            <td class="editable-col d-none" col-index="0" oldval="2022-08-07">2022-08-07</td>
            <th class="editable-col dtr-control" col-index="1" oldval="Brandy" tabindex="0">Brandy</th>
            <td class="editable-col" col-index="2" oldval="Golden Touch Brandy 180ml">Golden Touch Brandy 180ml</td>
            <td class="editable-col" col-index="2" oldval="250.00">250.00</td>
            <td class="editable-col" col-index="3" oldval="9.00">9.00</td>
            <td class="editable-col" col-index="4" oldval=""></td>
            <td class="editable-col" col-index="5" oldval="9">9</td>
            <td class="editable-col" col-index="6" oldval="9.00">9.00</td>
            <td class="editable-col" col-index="7" oldval="0">0</td>
            <td class="editable-col" col-index="8" oldval="0">0</td>
        </tr>
        <tr data-row-id="1763" class="odd">
            <td class="editable-col d-none" col-index="0" oldval="2022-08-07">2022-08-07</td>
            <th class="editable-col dtr-control" col-index="1" oldval="Brandy" tabindex="0">Brandy</th>
            <td class="editable-col" col-index="2" oldval="Golden Touch Brandy 750ml">Golden Touch Brandy 750ml</td>
            <td class="editable-col" col-index="2" oldval="1000.00">1000.00</td>
            <td class="editable-col" col-index="3" oldval="3.00">3.00</td>
            <td class="editable-col" col-index="4" oldval=""></td>
            <td class="editable-col" col-index="5" oldval="3">3</td>
            <td class="editable-col" col-index="6" oldval="3.00">3.00</td>
            <td class="editable-col" col-index="7" oldval="0">0</td>
            <td class="editable-col" col-index="8" oldval="0">0</td>
        </tr>
    
        <tr data-row-id="1948" class="odd">
            <td class="editable-col d-none" col-index="0" oldval="2022-08-07">2022-08-07</td>
            <th class="editable-col dtr-control" col-index="1" oldval="Brandy" tabindex="0">Brandy</th>
            <td class="editable-col" col-index="2" oldval="Whytehall Brandy 180ml">Whytehall Brandy 180ml</td>
            <td class="editable-col" col-index="2" oldval="250.00">250.00</td>
            <td class="editable-col" col-index="3" oldval="18.00">18.00</td>
            <td class="editable-col" col-index="4" oldval=""></td>
            <td class="editable-col" col-index="5" oldval="18">18</td>
            <td class="editable-col" col-index="6" oldval="18.00">18.00</td>
            <td class="editable-col" col-index="7" oldval="0">0</td>
            <td class="editable-col" col-index="8" oldval="0">0</td>
        </tr>
        <tr data-row-id="1949" class="even">
            <td class="editable-col d-none" col-index="0" oldval="2022-08-07">2022-08-07</td>
            <th class="editable-col dtr-control" col-index="1" oldval="Brandy" tabindex="0">Brandy</th>
            <td class="editable-col" col-index="2" oldval="Whytehall Brandy 750ml">Whytehall Brandy 750ml</td>
            <td class="editable-col" col-index="2" oldval="1000.00">1000.00</td>
            <td class="editable-col" col-index="3" oldval="4.00">4.00</td>
            <td class="editable-col" col-index="4" oldval=""></td>
            <td class="editable-col" col-index="5" oldval="4">4</td>
            <td class="editable-col" col-index="6" oldval="4.00">4.00</td>
            <td class="editable-col" col-index="7" oldval="0">0</td>
            <td class="editable-col" col-index="8" oldval="0">0</td>
        </tr>
        <tr data-row-id="1992" class="odd">
            <td class="editable-col d-none" col-index="0" oldval="2022-08-07">2022-08-07</td>
            <th class="editable-col dtr-control" col-index="1" oldval="Brandy" tabindex="0">Brandy</th>
            <td class="editable-col" col-index="2" oldval="Roulette Brandy 750ml">Roulette Brandy 750ml</td>
            <td class="editable-col" col-index="2" oldval="2230.00">2230.00</td>
            <td class="editable-col" col-index="3" oldval="1.00">1.00</td>
            <td class="editable-col" col-index="4" oldval=""></td>
            <td class="editable-col" col-index="5" oldval="1">1</td>
            <td class="editable-col" col-index="6" oldval="1.00">1.00</td>
            <td class="editable-col" col-index="7" oldval="0">0</td>
            <td class="editable-col" col-index="8" oldval="0">0</td>
        </tr>
        <tr data-row-id="2048" class="even">
            <td class="editable-col d-none" col-index="0" oldval="2022-08-07">2022-08-07</td>
            <th class="editable-col dtr-control" col-index="1" oldval="Brandy" tabindex="0">Brandy</th>
            <td class="editable-col" col-index="2" oldval="Bejois VSOP 375ML">Bejois VSOP 375ML</td>
            <td class="editable-col" col-index="2" oldval="200.00">200.00</td>
            <td class="editable-col" col-index="3" oldval="20.00">20.00</td>
            <td class="editable-col" col-index="4" oldval=""></td>
            <td class="editable-col" col-index="5" oldval="20">20</td>
            <td class="editable-col" col-index="6" oldval="20.00">20.00</td>
            <td class="editable-col" col-index="7" oldval="0">0</td>
            <td class="editable-col" col-index="8" oldval="0">0</td>
        </tr>
  
    </tbody>


    <tfoot>

        <tr>
            <th class="d-none" rowspan="1" colspan="1">0</th>
            <th rowspan="1" colspan="1"></th>
            <th rowspan="1" colspan="1"></th>
            <th rowspan="1" colspan="1"></th>
            <th rowspan="1" colspan="1"> 1900</th>
            <th rowspan="1" colspan="1"> 9</th>
            <th rowspan="1" colspan="1"> 1909</th>
            <th rowspan="1" colspan="1"> 1909</th>
            <th rowspan="1" colspan="1"> 0</th>
            <th rowspan="1" colspan="1"> 0</th>
        </tr>
    </tfoot>


 
</table>

我的 JavaScript

 $(document).ready(function () {

        document.title = 'shop';
        $('#example1').DataTable({
            "processing": true,
            "dom": 'Bfrtip',
            "lengthChange": false,
            "searching": false,
            "info": true,
            "autoWidth": false,
            "responsive": true,
            "retrieve": true,
            "paging": false,
            "lengthMenu": [
                [-1],
                ["All"]
            ],
            "bSort": false,
            "bLengthChange": false,

            "buttons": ["copy", {
                    extend: 'excelHtml5',
                    footer: true,
                    text: 'Save as Excel',
                    pageSize: 'A4',
                      customize: function (xlsx) {
                        var sheet = xlsx.xl.worksheets['sheet1.xml'];
                        $('c[r=C1] t', sheet).text('Sudha Wines');
                        $('row:first c', sheet).attr('s', '32');

                        var col = $('col', sheet);
                        $(col[0]).attr('width', 8);
                        $(col[1]).attr('width', 24);
                        $(col[2]).attr('width', 9);
                        $(col[3]).attr('width', 8);
                        $(col[4]).attr('width', 7);
                        $(col[5]).attr('width', 8);
                        $('row* ', sheet).each(function (index) {
                            if (index > 0) {
                                $(this).attr('ht', 26);
                                $(this).attr('customHeight', 1);
                            }
                        });






                    },
                    
                  
                }
            ],


        });
    });

output i'am getting in MS excel

我想要的期望输出是

Excel 使用的 OpenXML 电子表格格式指定合并范围，如下所示：

<mergeCells  count="2">
    <mergeCell ref="B2:B5"/>
    <mergeCell ref="B6:B7"/>
</mergeCells>

上面表示工作表中的 2 个合并范围。

因此，我们需要添加逻辑来扫描“类别”列中的数据，以确定我们需要创建哪些范围。一旦我们有了这些范围，我们就可以构建上面的 Excel XML 片段，并在导出过程中将其插入到工作表中。

你已经拥有了你的customize: function (xlsx) { ... }，所以我们可以在那里添加我们的逻辑：

var ranges = buildRanges(sheet);
                        
// build the HTML string:
var mergeCellsHtml = '<mergeCells count="' + ranges.length + '">';
ranges.forEach(function(range) {
    mergeCellsHtml = mergeCellsHtml + '<mergeCell ref="' + range + '"/>';
})
mergeCellsHtml = mergeCellsHtml + '</mergeCells>';

$( 'sheetData', sheet ).after( mergeCellsHtml );
// don't know why, but Excel auto-adds an extra mergeCells tag, so remove it:
$( 'mergeCells', sheet ).last().remove();

建立范围的工作是在buildRanges(sheet)功能。我希望这段代码可以被简化/改进，但它显示了总体方法：

function buildRanges(sheet) {

  let prevCat = ''; // previous category
  let currCat = ''; // current category
  let currCellRef = ''; // current cell reference
  let rows = $('row', sheet);
  let startRange = '';
  let endRange = '';
  let ranges = [];

  rows.each(function (i) {
    if (i > 0 && i < rows.length) { // skip first (headings) row
      let cols = $('c', $(this));
      cols.each(function (j) {
        if (j == 1) { // the "Category" column
          currCat = $(this).text(); // current row's category
          currCellRef = $(this).attr('r'); // e.g. "B3"
          if (currCat !== prevCat) {
            if (i == 1) {
              // start of first range
              startRange = currCellRef;
              endRange = currCellRef;
              prevCat = currCat;
            } else {
              // end of previous range
              if (endRange !== startRange) {
                // capture the range:
                ranges.push( startRange + ':' + endRange );
              }
               // start of a new range
              startRange = currCellRef;
              endRange = currCellRef;
              prevCat = currCat;
            }
          } else {
            // extend the current range end:
            endRange = currCellRef;
          }
          //console.log( $(this).attr('r') );
        }
      });
      if (i == rows.length -1 && endRange !== startRange) {
        // capture the final range:
        ranges.push( startRange + ':' + endRange );
      }
    }
  });
  return ranges;
}

此函数会扫描您的类别列，查找该列中的值何时发生变化。

它假设值已经排序/分组，以支持这一点。

一项重要说明

我将以下行添加到您的按钮逻辑中：

title: '', // no title row in excel sheet

这可确保电子表格尚未创建任何合并单元格区域。如果你想要这个功能，那么我的逻辑就需要调整，因为已经有一个<mergeCells>电子表格中的标签（在第一行，包含标题）。

最终结果看起来像这样：

以下是一个演示中的所有部分（不确定您是否可以实际从堆栈片段中运行 Excel 下载）：

  $(document).ready(function () {

        document.title = 'shop';
        $('#example1').DataTable({
            "processing": true,
            "dom": 'Bfrtip',
            "lengthChange": false,
            "searching": false,
            "info": true,
            "autoWidth": false,
            "responsive": true,
            "retrieve": true,
            "paging": false,
            "lengthMenu": [
                [-1],
                ["All"]
            ],
            "bSort": false,
            "bLengthChange": false,

            "buttons": ["copy", {
                    extend: 'excelHtml5',
                    footer: true,
                    text: 'Save as Excel',
                    title: '', // no title row in excel sheet
                    pageSize: 'A4',
                      customize: function (xlsx) {
                        var sheet = xlsx.xl.worksheets['sheet1.xml'];
                        
                        $('row:first c', sheet).attr('s', '32');

                        var col = $('col', sheet);
                        $(col[0]).attr('width', 8);
                        $(col[1]).attr('width', 24);
                        $(col[2]).attr('width', 9);
                        $(col[3]).attr('width', 8);
                        $(col[4]).attr('width', 7);
                        $(col[5]).attr('width', 8);
                        $('row* ', sheet).each(function (index) {
                            if (index > 0) {
                                $(this).attr('ht', 26);
                                $(this).attr('customHeight', 1);
                            }
                        });

                        var ranges = buildRanges(sheet);
                        
                        // build the HTML string:
                        var mergeCellsHtml = '<mergeCells count="' + ranges.length + '">';
                        ranges.forEach(function(range) {
                            mergeCellsHtml = mergeCellsHtml + '<mergeCell ref="' + range + '"/>';
                        })
                        mergeCellsHtml = mergeCellsHtml + '</mergeCells>';

                        $( 'sheetData', sheet ).after( mergeCellsHtml );
                        // don't know why, but Excel auto-adds an extra mergeCells tag, so remove it:
                        $( 'mergeCells', sheet ).last().remove(); 



                    }
                    
                  
                }
            ]


        });
    });
    
function buildRanges(sheet) {

  let prevCat = ''; // previous category
  let currCat = ''; // current category
  let currCellRef = ''; // current cell reference
  let rows = $('row', sheet);
  let startRange = '';
  let endRange = '';
  let ranges = [];

  rows.each(function (i) {
    if (i > 0 && i < rows.length) { // skip first (headings) row
      let cols = $('c', $(this));
      cols.each(function (j) {
        if (j == 1) { // the "Category" column
          currCat = $(this).text(); // current row's category
          currCellRef = $(this).attr('r'); // e.g. "B3"
          if (currCat !== prevCat) {
            if (i == 1) {
              // start of first range
              startRange = currCellRef;
              endRange = currCellRef;
              prevCat = currCat;
            } else {
              // end of previous range
              if (endRange !== startRange) {
                // capture the range:
                ranges.push( startRange + ':' + endRange );
              }
               // start of a new range
              startRange = currCellRef;
              endRange = currCellRef;
              prevCat = currCat;
            }
          } else {
            // extend the current range end:
            endRange = currCellRef;
          }
          //console.log( $(this).attr('r') );
        }
      });
      if (i == rows.length -1 && endRange !== startRange) {
        // capture the final range:
        ranges.push( startRange + ':' + endRange );
      }
    }
  });
  return ranges;
}

<!doctype html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Demo</title>

  <script type="text/javascript" src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
  <script type="text/javascript" src="https://cdn.datatables.net/1.10.23/js/jquery.dataTables.min.js"></script>
  <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.23/css/jquery.dataTables.min.css"/>

  <link rel="stylesheet" type="text/css" href="https://datatables.net/media/css/site-examples.css">

  <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/buttons/1.6.5/css/buttons.dataTables.min.css"/> 
  <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jszip/2.5.0/jszip.min.js"></script>
  <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.36/pdfmake.min.js"></script>
  <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.36/vfs_fonts.js"></script>
  <script type="text/javascript" src="https://cdn.datatables.net/buttons/1.6.5/js/dataTables.buttons.min.js"></script>
  <script type="text/javascript" src="https://cdn.datatables.net/buttons/1.6.5/js/buttons.colVis.min.js"></script>
  <script type="text/javascript" src="https://cdn.datatables.net/buttons/1.6.5/js/buttons.flash.min.js"></script>
  <script type="text/javascript" src="https://cdn.datatables.net/buttons/1.6.5/js/buttons.html5.min.js"></script>
  <script type="text/javascript" src="https://cdn.datatables.net/buttons/1.6.5/js/buttons.print.min.js"></script>

</head>

<body>

<div style="margin: 20px;">

    <table id="example1" class="table table-sm cell-border compact stripe table-bordered table-hover dataTable dtr-inline"
    cellspacing="0" width="100%" aria-describedby="example1_info">


    <thead>
        <tr>
            <th class="d-none sorting_disabled" rowspan="1" colspan="1">Date</th>
            <th class="sorting_disabled" rowspan="1" colspan="1">Category</th>
            <th class="sorting_disabled" rowspan="1" colspan="1">Item Name</th>
            <th class="sorting_disabled" rowspan="1" colspan="1">Price</th>
            <th class="sorting_disabled" rowspan="1" colspan="1">Opening</th>
            <th class="sorting_disabled" rowspan="1" colspan="1">Recived</th>
            <th class="sorting_disabled" rowspan="1" colspan="1">Total</th>
            <th class="sorting_disabled" rowspan="1" colspan="1">Closing</th>
            <th class="sorting_disabled" rowspan="1" colspan="1">Sales</th>
            <th class="sorting_disabled" rowspan="1" colspan="1">Total</th>
        </tr>
    </thead>

    <tbody>

        <tr data-row-id="1761" class="even">
            <td class="editable-col d-none" col-index="0" oldval="2022-08-07">2022-08-07</td>
            <th class="editable-col dtr-control" col-index="1" oldval="Brandy" tabindex="0">Brandy</th>
            <td class="editable-col" col-index="2" oldval="Golden Touch Brandy 180ml">Golden Touch Brandy 180ml</td>
            <td class="editable-col" col-index="2" oldval="250.00">250.00</td>
            <td class="editable-col" col-index="3" oldval="9.00">9.00</td>
            <td class="editable-col" col-index="4" oldval=""></td>
            <td class="editable-col" col-index="5" oldval="9">9</td>
            <td class="editable-col" col-index="6" oldval="9.00">9.00</td>
            <td class="editable-col" col-index="7" oldval="0">0</td>
            <td class="editable-col" col-index="8" oldval="0">0</td>
        </tr>
        <tr data-row-id="1763" class="odd">
            <td class="editable-col d-none" col-index="0" oldval="2022-08-07">2022-08-07</td>
            <th class="editable-col dtr-control" col-index="1" oldval="Brandy" tabindex="0">Brandy</th>
            <td class="editable-col" col-index="2" oldval="Golden Touch Brandy 750ml">Golden Touch Brandy 750ml</td>
            <td class="editable-col" col-index="2" oldval="1000.00">1000.00</td>
            <td class="editable-col" col-index="3" oldval="3.00">3.00</td>
            <td class="editable-col" col-index="4" oldval=""></td>
            <td class="editable-col" col-index="5" oldval="3">3</td>
            <td class="editable-col" col-index="6" oldval="3.00">3.00</td>
            <td class="editable-col" col-index="7" oldval="0">0</td>
            <td class="editable-col" col-index="8" oldval="0">0</td>
        </tr>
    
        <tr data-row-id="1948" class="odd">
            <td class="editable-col d-none" col-index="0" oldval="2022-08-07">2022-08-07</td>
            <th class="editable-col dtr-control" col-index="1" oldval="Brandy" tabindex="0">Brandy</th>
            <td class="editable-col" col-index="2" oldval="Whytehall Brandy 180ml">Whytehall Brandy 180ml</td>
            <td class="editable-col" col-index="2" oldval="250.00">250.00</td>
            <td class="editable-col" col-index="3" oldval="18.00">18.00</td>
            <td class="editable-col" col-index="4" oldval=""></td>
            <td class="editable-col" col-index="5" oldval="18">18</td>
            <td class="editable-col" col-index="6" oldval="18.00">18.00</td>
            <td class="editable-col" col-index="7" oldval="0">0</td>
            <td class="editable-col" col-index="8" oldval="0">0</td>
        </tr>
        <tr data-row-id="1949" class="even">
            <td class="editable-col d-none" col-index="0" oldval="2022-08-07">2022-08-07</td>
            <th class="editable-col dtr-control" col-index="1" oldval="Brandy" tabindex="0">Brandy</th>
            <td class="editable-col" col-index="2" oldval="Whytehall Brandy 750ml">Whytehall Brandy 750ml</td>
            <td class="editable-col" col-index="2" oldval="1000.00">1000.00</td>
            <td class="editable-col" col-index="3" oldval="4.00">4.00</td>
            <td class="editable-col" col-index="4" oldval=""></td>
            <td class="editable-col" col-index="5" oldval="4">4</td>
            <td class="editable-col" col-index="6" oldval="4.00">4.00</td>
            <td class="editable-col" col-index="7" oldval="0">0</td>
            <td class="editable-col" col-index="8" oldval="0">0</td>
        </tr>
        <tr data-row-id="1992" class="odd">
            <td class="editable-col d-none" col-index="0" oldval="2022-08-07">2022-08-07</td>
            <th class="editable-col dtr-control" col-index="1" oldval="Brandy" tabindex="0">Port</th>
            <td class="editable-col" col-index="2" oldval="Roulette Brandy 750ml">Roulette Brandy 750ml</td>
            <td class="editable-col" col-index="2" oldval="2230.00">2230.00</td>
            <td class="editable-col" col-index="3" oldval="1.00">1.00</td>
            <td class="editable-col" col-index="4" oldval=""></td>
            <td class="editable-col" col-index="5" oldval="1">1</td>
            <td class="editable-col" col-index="6" oldval="1.00">1.00</td>
            <td class="editable-col" col-index="7" oldval="0">0</td>
            <td class="editable-col" col-index="8" oldval="0">0</td>
        </tr>
        <tr data-row-id="2048" class="even">
            <td class="editable-col d-none" col-index="0" oldval="2022-08-07">2022-08-07</td>
            <th class="editable-col dtr-control" col-index="1" oldval="Brandy" tabindex="0">Port</th>
            <td class="editable-col" col-index="2" oldval="Bejois VSOP 375ML">Bejois VSOP 375ML</td>
            <td class="editable-col" col-index="2" oldval="200.00">200.00</td>
            <td class="editable-col" col-index="3" oldval="20.00">20.00</td>
            <td class="editable-col" col-index="4" oldval=""></td>
            <td class="editable-col" col-index="5" oldval="20">20</td>
            <td class="editable-col" col-index="6" oldval="20.00">20.00</td>
            <td class="editable-col" col-index="7" oldval="0">0</td>
            <td class="editable-col" col-index="8" oldval="0">0</td>
        </tr>
  
    </tbody>


    <tfoot>

        <tr>
            <th class="d-none" rowspan="1" colspan="1">0</th>
            <th rowspan="1" colspan="1"></th>
            <th rowspan="1" colspan="1"></th>
            <th rowspan="1" colspan="1"></th>
            <th rowspan="1" colspan="1"> 1900</th>
            <th rowspan="1" colspan="1"> 9</th>
            <th rowspan="1" colspan="1"> 1909</th>
            <th rowspan="1" colspan="1"> 1909</th>
            <th rowspan="1" colspan="1"> 0</th>
            <th rowspan="1" colspan="1"> 0</th>
        </tr>
    </tfoot>


 
</table>

</div>



</body>
</html>

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

javascript

html

jQuery

DataTables

如何合并 jQuery 数据表 excelHtml5 中列的匹配值的相关文章

jQuery AJAX 请求在 IE8 中失败，并显示消息“错误：调用 open 方法之前无法调用此方法。”

我正在使用 jQuery 1 4 2 并尝试执行一个简单的 AJAX 请求目标 URL 返回一个 JSON 字符串我使用 jslint 对其进行了验证该请求在 Firefox 和 Chrome 中有效但不想在 IE8 中工作我无法
如何纠正流警告：解构（缺少注释）

我正在编写一个小型 React Native 应用程序并且正在尝试使用 Flow 但我无法在任何地方真正获得有关它的正确教程我不断收到错误 destructuring Missing annotation 有关 station 这段代码
设置 cookie 时中断 JavaScript 执行

当设置 cookie 时是否可以始终中断浏览器开发人员工具中的 javascript 执行无需显式设置 JS 断点 document cookie 在 html head 块的开头添加此代码片段效果很好
使用输入类型 = 文件捕获照片时移动 safari 崩溃

我正在使用输入类型文件在 iOS 中启动相机我正在使用以下代码行
刷新页面时保存用户的选择

我目前有一个页面显示不同团队的数据我有一些数据用户可以单击使其处于打开或关闭状态并为每个数据显示不同的图标它基本上就像一个清单只是没有物理复选框我想记住哪些复选框已被选中即使在用户刷新页面或关闭浏览器并稍后返回之后
DataTables row.add 到特定索引

我正在替换这样的行项目 var targetRow entity row dataTable targetRow closest table dataTable DataTable dataTable row targetRow remov
不可勾选的单选按钮与专有的复选框

从 UI 角度来看是拥有一组具有取消选中功能的单选按钮更好还是拥有一组独占的复选框意味着一次只能选中一个更好 Update 我没想到对此会有如此负面的反应如果我给出一个更接近其使用方式的示例也许会有所帮助我有一个充满数据绑定内
页面上使用 HTML Editor Extender 进行回发会导致 IE11 中出现 JavaScript 错误

我已将 HTML 编辑器扩展程序添加到我正在处理的页面中现在每当我在页面上发回帖子时都会收到以下 Javascript 错误 JavaScript 运行时错误参数无效之后什么也没有发生这在 IE10 或更低版本以及我所知道的所有其
Vuejs 2：去抖动不适用于手表选项

当我在 VueJs 中反跳此函数时如果我提供毫秒数作为原语它就可以正常工作但是如果我将其提供为对 prop 的引用它会忽略它这是道具的缩写版本 props debounce type Number default 500 这是不
Firebase 函数 onWrite 未被调用

我正在尝试使用 Firebase 函数实现一个触发器该触发器会复制数据库中的一些数据我想观看所有添加的内容votes user vote 结构为我尝试的代码是 const functions require firebase func
从数据库检查数据的异步解决方案各种循环子句

我想要做的是异步检查数据库并从中获取结果在我的应用程序中我试图实现Asynchronously将此步骤解决为从数据库中检查手机号码JsonArray循环子句的种类 Create JsonArray从结果打印创建的数组我学到了足够多的
Three.js 各种大小的粒子

我是 Three js 的新手正在尝试找出添加 1000 个粒子的最佳方法每个粒子都有不同的大小和颜色每个粒子的纹理是通过绘制画布创建的通过使用粒子系统所有粒子都具有相同的颜色和大小为每个粒子创建一个粒子系统是非常低效的有没有
代码镜像错误：未捕获错误：扩展集中无法识别扩展值（[对象对象]）

全部我目前正在从事一个React Electron项目该项目的目标是完成一个Markdown编辑器当我配置codemirror 该程序报告错误说 Uncaught Error Unrecognized extension value
Chrome//kendoUI/jQuery：超出最大调用堆栈大小

我正在使用 hottowell 模板来创建 spa 应用程序并且我从 jquery 中收到了一个很好的错误基本上我的问题从此刻开始尝试绑定我的视图 viewModelBinder js 来自 durandal 库 viewModelBi
带参数的事件监听器

我想将参数传递给 JavaScript 中的事件侦听器我已经找到了解决方案但我无法理解它们为什么或如何工作以及为什么其他解决方案不起作用我有 C C 背景但是 Javascript 函数的执行有很大不同您能否帮助我理解以下示例如何
用于交互式图形绘制的轻量级 JavaScript 库？ [关闭]

Closed 这个问题不符合堆栈溢出指南 help closed questions 目前不接受答案我有兴趣了解用于绘制交互式图表的最轻量级 javascript 库我掌握的数据主要是与海洋研究相关的科学数据我知道一些 jquery
如何用另一个响应替换窗口的 URL 哈希？

我正在尝试使用替换方法更改哈希 URL document location hash 但它不起作用 function var anchor document location hash this returns me a string va
从 FileReader 设置背景图像样式

我正在寻找一种解决方案允许我从文件上传输入中获取文件并通过设置 document body style backgroundImage 来预览它以下代码用于在 Image 元素中显示预览 function setImage id tar
HTML 锚点，禁用样式

我有一些 html 锚链接代码与文档的其余部分不同我希望它看起来不是链接有没有一种简单的方法可以禁用由于将文本包装在锚标记中而引起的样式更改而不必强行使其相同即如果我更改正文字体样式我不必也更改其他一些 link东西将颜色设
如何在react-highcharts中使用图表工具提示格式化程序？

如何使用图表工具提示格式化程序我正在使用高图表的反应包装器我有这样的配置 const CHART CONFIG tooltip formatter tooltip gt var s b this x b each this points

随机推荐

在 CodeIgniter 会话中存储具有相同名称的多个输入

我已经发布了这个在 CodeIgniter 论坛中 http codeigniter com forums viewthread 155508 并且也耗尽了论坛搜索引擎所以如果交叉发帖不被允许我们深表歉意本质上我有一个输入设置为
如何将基于 Qt4.6 Phonon 的媒体应用程序移植到 Qt 5.1？

我有一个基于 Qt 4 6 的应用程序它使用 QtWebView 加载带有标签的 HTML 页面以便在 Windows 平台上播放网络多媒体源我没有使用默认的 PHONON 播放引擎而是构建了另一个 PHONON 后端引擎来处理媒体
帮助手册中的锚点不起作用

我已经仔细检查了所有内容希望有人能发现我没有看到的愚蠢错误我正在尝试为我的应用程序构建一个 Apple 帮助部分它可以正确地转到登录页面但是没有一个锚点起作用登陆页面称为index html另一个页面称为test html它位于p
如果相机平移也在 Z 方向，单应性在平面场景的两个图像之间是否成立？

我正在尝试计算两个图像之间的相对姿势并且我正在使用单应性来过滤特征匹配我有一个相当平面的场景只要两个图像之间的平移仅限于 X 和 Y 轴 opencv 约定基于单应性的相对姿态估计就可以非常准确地工作一旦我开始使用另一个相机沿 Z
.NET Core：Process.Start() 留下子进程

我正在构建一个部署在 CentOS 7 2 上的 ASP Net Core netcore 1 1 应用程序我有一个通过 System Diagnostics Process 调用外部进程也是使用 net core 构建的控制台应用程序
iOS/MacOS 框架中是否有为 CFBundleShortVersionString 定义的常量

我知道 CFBundleVersion plist 键有一个常量定义为kCFBundleVersionKey在 CoreFoundation 的 CFBundle h 标头中但是 CFBundleShortVersionString 有
可以用Java开发iPhone应用程序吗？

无意间看到这样的广告 http monotouch net DownloadTrial ref so1 http monotouch net DownloadTrial ref so1 然后我开始怀疑 Java 中是否有类似的东西据我了解
是否可以通过 URL 调用 Web API 来获取实时数据？

假设您有一个 ASP NET MVC 4 Web API 项目当您通过 URL 调用其中一个资源时它会等待获取指定时间段的性能监控数据然后在完成后以 JSON 形式返回所有数据但是在输入 URL 和过程完成之间是否有一种方法可以
我们是否需要更喜欢构造函数而不是静态工厂方法？如果是的话，什么时候？

我一直在阅读有效的Java by 约书亚布洛赫到目前为止它确实名副其实第一项就提供了令人信服的理由静态工厂方法 over 构造函数以至于我开始质疑那些好的旧构造函数的有效性本书的优点缺点总结如下优点他们有名字我们拥有全面的
Predict() - 也许我不理解它

I 今天早些时候发布 https stackoverflow com questions 9026383 error in predict关于我使用时遇到的错误predict功能我能够纠正这个问题并认为我走在正确的道路上我有许多观察结
TFS2012错误的用户丢失工作区

我的 TFS2012 有一个非常不寻常的问题我们刚刚跨域迁移并从 TFS2010 升级到 TFS2012 一切似乎都与一个用户无关我们似乎无法让他的工作空间正常工作当我连接到 TFS 服务器时我输入服务器名称和端口号这会连接但在
如何向 CellList 添加或删除单个元素？

如何添加删除单个元素CellList http google web toolkit googlecode com svn javadoc 2 1 com google gwt user cellview client CellList
在github上打开时如何更改Visual Studio的版本

我有VS2015和VS2017 当我在 GitHub 上选择在 Visual Studio 中打开时我想将其更改为使用 VS2017 而不是 VS2015 我怎样才能做到这一点通过另一个问题找到了答案使用 github 时找不到
在 Neo4j 中可视化连接的组件

我可以使用下面的代码找到图中最密集连接的组件 CALL algo unionFind stream pnHours YIELD nodeId setId groupBy setId storing all node ids of the s
如何同时（并行）调用远程计算机上的相同功能

我正在编写一个脚本该脚本具有多个需要时间在不同远程计算机上执行的函数有什么方法可以以并行方式同时调用命令它们吗举个例子将不胜感激谢谢 Invoke Command已经对每台计算机并行执行调用作为内置功能的一部分 https tec
如何从 AngularJS 中的自定义指令 * 具有自己的作用域 * 访问父作用域？

我正在寻找访问指令中父范围的任何方式范围嵌入要求从上面传入变量或范围本身等的任何组合我完全愿意竭尽全力但我想避免一些完全hacky或无法维护的东西例如我知道我现在可以通过采取 scope从 preLink 参数并迭代
如何通过guard angular2隐藏链接

如何在视图 html 中隐藏管理链接我必须守护管理员和经理路由器配置 path manager component ManagerComponent canActivate ManagerGuard path user compone
Jenkins 在解析 pom 时失败

我的 Jenkins 服务器上的一项作业出现问题在 pom 解析期间失败并显示以下消息 Parsing POMs Modules changed recalculating dependency graph workspace java
水平计数加工织物中的白色簇

我对织物材质进行了处理得到如下图所示的图像原图处理后的图像现在我想找到连续的白色簇的数量如果所有簇都是均匀且完全水平的我将运行一个循环来计算强度的上升和下降以找到簇的数量但事实并非如此如果我通过上述方法取几行的中值平均
如何合并 jQuery 数据表 excelHtml5 中列的匹配值

当我从数据表导出 Excel 时我无法合并 col 值由于列的值B named Category 需要合并重复值我是编程新手感谢任何帮助这是我的我的jsfiddle https jsfiddle net t1j6rzg8 2 这是

如何合并 jQuery 数据表 excelHtml5 中列的匹配值

如何合并 jQuery 数据表 excelHtml5 中列的匹配值 的相关文章

随机推荐

热门标签

如何合并 jQuery 数据表 excelHtml5 中列的匹配值的相关文章