IE 和 Edge 中表格数据中的奇怪 V 形答案

【问题标题】：Strange chevrons in tabled data in IE and EdgeIE 和 Edge 中表格数据中的奇怪 V 形
【发布时间】：2018-04-30 17:42:38
【问题描述】：

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

css 没有图像或没有任何异常，可能是 javascript 问题、jquery 还是什么？我不知道在这里发布什么，这是一个 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>

先谢谢了，不知道还能发什么，请指教

【问题讨论】：

标签： javascript html css laravel-5.5

【解决方案1】：

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

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

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

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

<!DOCTYPE html>

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

table {
    overflow: hidden;
}

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

table{
  table-layout:fixed;
}

这方面的文档是here

【讨论】：

感谢您的回复。我有一个设置，我也尝试了两个 css 表选项，仍然没有。你想看什么，我可以分享更多，但它是一个大型 laravel 项目，使用非常标准的引导模板。
从头开始，我更新了错误的模板 css 文件，(facepalm)。一个用于前端，另一个用于管理。感谢您的帮助
@The-WebGuy 哈哈，伙计，别担心！它发生了:) 很高兴你修好了它。总是乐于提供帮助！