Html Bootstrap 4:是否有一个修复/解决方案,用于在MS Edge中对粘性边界进行假抗锯齿
我将参考Balaji731的答案 因此,如果您在MicrosoftEdge中打开画笔,并且启用了Html Bootstrap 4:是否有一个修复/解决方案,用于在MS Edge中对粘性边界进行假抗锯齿,html,css,bootstrap-4,microsoft-edge,Html,Css,Bootstrap 4,Microsoft Edge,我将参考Balaji731的答案 因此,如果您在MicrosoftEdge中打开画笔,并且启用了边框,则边框将滚动开,留下一个间隙,并且无法正确呈现THAD内容 作为我个人的解决方法,我设置了边框:0在上,我实际上不想这样做。有人能解决这个问题吗 <div class="table-responsive"> <table class="table table-hover" id="job-table"> <thead> <tr class="tex
边框,则边框将滚动开,留下一个间隙,并且无法正确呈现THAD内容
作为我个人的解决方法,我设置了边框:0代码>在
上,我实际上不想这样做。有人能解决这个问题吗
<div class="table-responsive">
<table class="table table-hover" id="job-table">
<thead>
<tr class="text-center">
<th scope="col">Sr.No.</th>
<th scope="col">Company Name</th>
<th scope="col">Technology</th>
<th scope="col">Total Resumes</th>
<th scope="col">Job Title</th>
<th scope="col">Total Score</th>
<th scope="col">Average Score</th>
</tr>
</thead>
<tbody>
<tr key={key}>
<td class="font-weight-bold">1</td>
<td class="font-weight-bold">ABCDED</td>
<td>Software Developer</td>
<td class="font-weight-bold">17</td>
<td>5 years experience</td>
<td class="font-weight-bold">30</td>
<td class="font-weight-bold">30</td>
</tr>
<tr key={key}>
<td class="font-weight-bold">1</td>
<td class="font-weight-bold">ABCDED</td>
<td>Software Developer</td>
<td class="font-weight-bold">17</td>
<td>5 years experience</td>
<td class="font-weight-bold">30</td>
<td class="font-weight-bold">30</td>
</tr>
</tbody>
</table>
您是在谈论表格标题的底线吗?在MS Edge浏览器中看起来很薄
Chrome浏览器中的快照:
如果您想在MS Edge中获得类似的输出,那么可以尝试将下面的样式添加到您的TH标记中
border-bottom: 4px solid lightgray;
修改的代码示例:
.表格响应{
高度:400px;
溢出:滚动;
}
第1个孩子{
背景:白色;
位置:粘性;
排名:0;
z指数:10;
边框底部:4倍纯色浅灰色;
}
高级专员:没有。
公司名称
技术
总简历
职位名称
总分
平均分
1.
痛斥
软件开发人员
17
5年工作经验
30
30
1.
痛斥
软件开发人员
17
5年工作经验
30
30
1.
痛斥
软件开发人员
17
5年工作经验
30
30
1.
痛斥
软件开发人员
17
5年工作经验
30
30
1.
痛斥
软件开发人员
17
5年工作经验
30
30
1.
痛斥
软件开发人员
17
5年工作经验
30
30
1.
痛斥
软件开发人员
17
5年工作经验
30
30
1.
痛斥
软件开发人员
17
5年工作经验
30
30
1.
痛斥
软件开发人员
17
5年工作经验
30
30
1.
痛斥
软件开发人员
17
5年工作经验
30
30
1.
痛斥
软件开发人员
17
5年工作经验
30
30
1.
痛斥
软件开发人员
17
5年工作经验
30
30
1.
痛斥
软件开发人员
17
5年工作经验
30
30
1.
痛斥
软件开发人员
17
5年工作经验
30
30
1.
痛斥
软件开发人员
17
5年工作经验
30
30
1.
痛斥
软件开发人员
17
5年工作经验
30
30
1.
痛斥
软件开发人员
17
5年工作经验
30
30
1.
痛斥
软件开发人员
17
5年工作经验
30
30
1.
痛斥
软件开发人员
17
5年工作经验
30
30
1.
痛斥
软件开发人员
17
5年工作经验
30
30
1.
痛斥
软件开发人员
17
5年工作经验
30
30
1.
痛斥
软件开发人员
17
5年工作经验
30
30
1.
痛斥
软件开发人员
17
5年工作经验
30
30
1.
痛斥
软件开发人员
17
5年工作经验
30
30
1.
痛斥
软件开发人员
17
5年工作经验
30
30
1.
痛斥
软件开发人员
17
5年工作经验
30
30
1.
痛斥
软件开发人员
17
5年工作经验
30
30
1.
痛斥
软件开发人员
17
5年工作经验
30
30
1.
border-bottom: 4px solid lightgray;