使用colspan和rowspan从2d数组生成html表

3 回答

• 0

  这是我的源行的样子，尝试并自己查看 .

  auto tbl = new Table();
  
  tbl.newRow();
  tbl.add("Total", 1, 9);
  tbl.add("Subtotal A-C", 1, 3);
  tbl.add("detail A");
  
  tbl.newRow();
  tbl.add("Subtotal D-F", 1, 3);
  tbl.add("detail B");
  
  tbl.newRow();
  tbl.add("Subtotal G-I", 1, 3);
  tbl.add("detail C");
  
  tbl.newRow();
  tbl.add("detail D");
  
  tbl.newRow();
  tbl.add("detail E");
  
  tbl.newRow();
  tbl.add("detail F");
  
  tbl.newRow();
  tbl.add("detail G");
  
  tbl.newRow();
  tbl.add("detail H");
  
  tbl.newRow();
  tbl.add("detail I");
  
  writeln(tbl.toHtml());
  

  回复于 2024-04-19T01:15:54+08:00
• 0

  迭代2d数组中的行和列，并使用 StringBuilder 创建HTML标记 .

  public String toHTML(String[][] data){
      StringBuilder sb = new StringBuilder();
      sb.append("<table>\n");
      for(int row = 0; row < data.length; row++){
          sb.append("\t<tr>\n");
          for(int col = 0; col < data[0].length; col++){
              sb.append("\t\t<td>" + data[row][col] + "</td>\n");
          }
          sb.append("\t</tr>\n");
      }
      sb.append("</table>");
      return sb.toString();
  }
  

  如果你这样使用它：

  String[][] data = {{"r0c1", "r0c2", "r0c3"},
                     {"r1c1", "r1c2", "r1c3"}};   
  System.out.println(toHTML(data));
  

  它会产生这个：

  <table>
      <tr>
          <td>r0c1</td>
          <td>r0c2</td>
          <td>r0c3</td>
      </tr>
      <tr>
          <td>r1c1</td>
          <td>r1c2</td>
          <td>r1c3</td>
      </tr>
  </table>
  

  回复于 2024-04-19T01:15:54+08:00
• 0

  您可以为单元格创建容器类，以管理多列和多行单元格的正确定位 .

  您有一个插槽网格，当您放置一个跨越多个列或行的单元格时，您将使此大单元占用的插槽无效，仅在左上方插槽中保留对实际单元格的引用 . 打印标记时，请勿打印无效的单元格 .

  您似乎自上而下创建表，因此自然的方法是跟踪当前行和列，以便插入单元格可以找到下一个可用的单元格 .

  如果您不想事先确定表格的大小或摇动不断调整大小的单元格网格，则可以将单元格存储在哈希映射中，并将其在网格中的位置作为键，以便您可以轻松附加单元格而不必担心溢出 table .

  下面是您的示例表的实现 . 我已经在D中写了代码 . 我认为主要的想法应该是明确的 . D具有内置的关联数组， V[K] 对应于Java的 java.util.HashMap<K, V> .

  import std.stdio;
  import std.array;
  import std.string;
  
  class Cell
  {
  public:
      this(string _label, int _colSpan, int _rowSpan)
      {
          label = _label;
          colSpan = _colSpan;
          rowSpan = _rowSpan;
      }
  
      string toHtml() {
          auto app = appender!string();
  
          app.put("        <td");
          if (colSpan > 1) app.put(format(" colspan='%d'", colSpan));
          if (rowSpan > 1) app.put(format(" rowspan='%d'", rowSpan));
          app.put(">");
          app.put(label);
          app.put("</td>\n");
  
          return app.data;
      } 
  
  private:
      string label;
      int colSpan;
      int rowSpan;
  }
  
  class Table
  {
  public:
      this() {
      }
  
      void newRow() {
          row++;
          col = 0;
      }
  
      void add(string label, int colSpan = 1, int rowSpan = 1)
      {
          assert(row >= 0);
          assert(colSpan > 0);
          assert(rowSpan > 0);
  
          auto c = new Cell(label, colSpan, rowSpan);
  
          while (key(col, row) in cell) col++;
  
          for (int j = 0; j < rowSpan; j++) {
              for (int i = 0; i < colSpan; i++) {
                  addCell(col + i, row + j,
                      (i == 0 && j == 0) ? c : null);
              }
          }
  
          col += colSpan;
      }
  
      string toHtml() {
          auto app = appender!string();
  
          app.put("<table>\n");
  
          for (int y = 0; y < nrow; y++) {
              app.put("    <tr>\n");
  
              for (int x = 0; x < ncol; x++) {
  
                  if (key(x, y) !in cell) {
                      app.put("        <td></td>\n");
                  } else {
                      Cell c = cell[key(x, y)];
  
                      if (c) app.put(c.toHtml());
                  }
              }
              app.put("    </tr>\n");
          }
          app.put("</table>");
  
          return app.data;
      }
  
  private:
      void addCell(int x, int y, Cell c) {
          Cell *p = key(x, y) in cell;
  
          if (x + 1 > ncol) ncol = x + 1;
          if (y + 1 > nrow) nrow = y + 1;
  
          assert(p is null);
          cell[key(x, y)] = c;
      }
  
      static uint key(uint x, uint y)
      {
          const offset = 1u << 16;
          return y * offset + x;
      }
  
  
      Cell[uint] cell;        // map of positions to cells
      int row = -1;           // current row
      int col;                // current column
      int nrow;               // number of rows
      int ncol;               // number of columns
  };
  
  void main()
  {
      auto tbl = new Table();
  
      tbl.newRow();
      tbl.add("Total", 1, 9);
      tbl.add("Subtotal A-C", 1, 3);
      tbl.add("detail A");
  
      tbl.newRow();
      tbl.add("detail B");
  
      tbl.newRow();
      tbl.add("detail C");
  
      tbl.newRow();
      tbl.add("Subtotal D-F", 1, 3);
      tbl.add("detail D");
  
      tbl.newRow();
      tbl.add("detail E");
  
      tbl.newRow();
      tbl.add("detail F");
  
      tbl.newRow();
      tbl.add("Subtotal G-I", 1, 3);
      tbl.add("detail G");
  
      tbl.newRow();
      tbl.add("detail H");
  
      tbl.newRow();
      tbl.add("detail I");
  
      writeln(tbl.toHtml());   
  }
  

  回复于 2024-04-19T01:15:54+08:00