Question

帮助！我把头发拉到这里。我试图a）在这个表的第一行和第三行做一个colspan，但它似乎没有工作。我希望两行都跨越三列，并且b）我无法显示图像，我已经在线进行了大量搜索，并对我找到的所有建议进行了排查（图像和页面文件位于同一文件夹中，没有编码错误......）。有什么想法吗？谢谢！这是我的代码：

<!DOCTYPE html> 
<html> 
<head> 
<title>table.htm</title> 
<style> table { width:90%; } 
td { width:33%; text-align:center; height:100px; } 
table { font-family:verdana, sans serif; text-align:center; }  
</style> 
</head> 
<body> 
<table>   
<tr bgcolor=“green”><td colspan=“3”><b>Table</b></td></tr>   
<tr><td>HTML coding</td><td><img src=“garlic.jpg” alt=“Garlic”></td>
<td>is fun</td></tr>   
<tr bgcolor=“#CCCCCC”><td colspan=“3”><i>Garlic</i></td></tr> 
</table> 
</body> 
</html>

Answer 1

你的问题实际上是你在标记中使用了属性值周围的卷曲引号，这种情况不合适（这里是W3规范：https://www.w3.org/TR/html4/intro/sgmltut.html#h-3.2.2）。将它们更改为直引号（单引号或双引号），并且您正在营业; - ）

Answer 2

JSFIDDLE

***更新......没关系......它绝对是引用...我只是在评论中做了更新的jsfiddle ****

问题是你有关于colspan的报价。你只需要这个号码。

  <table>   
  <tr bgcolor=“green”>
    <td colspan=3><b>Table</b></td>
  </tr>   
  <tr>
    <td>HTML coding</td>
    <td><img src=“garlic.jpg” alt=“Garlic”></td>
    <td>is fun</td>
  </tr>   
  <tr bgcolor=“#CCCCCC”>
    <td colspan=3><i>Garlic</i></td>
  </tr> 
</table>

Answer 3

＆＃13;

csvDownload() {
    let fields = [];
    this.service.attrValues()
      .subscribe((response) => {
        response.push(
          { 'field': 'Test1'},
          { 'field': 'Test2'}
        );
        fields.push(response.map(x => x.field));        
      },
      (err) => {
        this.display.Error(err);
      }, () => {
        this.downloadFileToCsv(fields);
      }
      );
  }

  downloadFileToCsv(fields) {
    var options = {
      fieldSeparator: ',',
      quoteStrings: '"',
      decimalseparator: '.',
      showLabels: true,
      useBom: true
    };
    new Angular2Csv(fields, 'test', options);
  }

＆＃13;

colspan和图像不工作

3 个答案: