IE 和 Edge 中表格数据中的奇怪人字形

Question

我在表格中看到边界前数据右侧的人字形。

css 没有图像，也没有任何异常，可能是 javascript 问题，jquery 还是什么？我不确定这里 post 是什么，这是 html:

的示例

<table cellpadding="0" cellspacing="0" border="0" class="datatable table table-striped table-bordered">
        <thead>
            <tr>
                <th>xxxxxxxxxx</th>
                <th>xxxxxxxxxxx</th>
                <th>xxxxxxxxxx</th>
                <th>xxxxxxxxx</th>
                <th>xxxxxxxx</th>
                <th>xxxxxx</th>
            </tr>
        </thead>

        <tbody>
                        <tr class="gradeX">
                <td>xxxxxxxx</td>
                <td>xxxxxx</td>
                <td>xxxxxxxxx</td>
                <td>xxxxxxxx</td>
                <td>xxxxxxxx</td>

                <td>xxxxxxxxxxx</td>
            </tr>

提前致谢，不知道还有什么要post，请指教

Answer 1

我很难具体知道这些修复的问题是什么，因为我没有 IE，但根据我使用 IE 的经验，这几件事可能会解决问题...

1) 可能是您没有指定 DOCTYPE。

没有文档类型，IE 将启动各种渲染故障。要解决此问题，只需在页面顶部的 <html> 标记之前添加一个有效的文档类型。

如果您不确定要使用哪种文档类型，请使用 HTML5 文档类型 - 就这么简单：

<!DOCTYPE html>

2) 也有可能是溢出问题。如果单元格中的数据过多，IE 可能会尝试添加滚动条，因此请尝试：

table {
    overflow: hidden;
}

3) 如果这是一个溢出问题并且上述方法不起作用，则表格超出给定宽度的情况很常见，因此可以解决此问题：

table{
  table-layout:fixed;
}

关于此的文档是 here

IE 和 Edge 中表格数据中的奇怪人字形

Strange chevrons in tabled data in IE and Edge

html

javascript

css

laravel-5.5