antd table编辑_vue修改组件样式

antd table编辑_vue修改组件样式.ant-table-wrapper{width:98%;height:100%;position:relative;top:30px;}.ant-table{background-color:rgb(9,100,100);color:white;}//表头样式.ant-table-thead>tr>th{background-color:rgb(3,50,50);color:white;}//修改

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺

.ant-table-wrapper {
  width: 98%;
  height: 100%;
  position: relative;
  top: 30px;
}
.ant-table {
  background-color: rgb(9,100,100);
  color: white;
}
// 表头样式
.ant-table-thead > tr > th {
  background-color: rgb(3,50,50);
  color: white;
}

// 修改选中行样式
.ant-table-tbody {
  > tr:hover:not(.ant-table-expanded-row) > td,.ant-table-row-hover,.ant-table-row-hover>td{
    background-color: rgb(18, 75, 75) !important;
  }
}
// 去除边框,留右边框 && 表格内容居中 && 行高
.ant-table-tbody > tr > td ,.ant-table-thead > tr > th{
  border-bottom: none;
  border-right: 1px solid #ccc;
  text-align: center !important;
  padding: 10px 10px !important;
}

// 去除表头最右边边框
.ant-table-container table > thead > tr:first-child th:last-child {
  border-right: none;
}
// 去除tbody最右边边框
.ant-table-container table > tbody > tr td:last-child {
  border-right: none;
}
// 暂无数据样式
.ant-empty-description {
  color: white;
}
// 奇数行
.table-color-odd {
  background-color: rgb(9, 100, 100);
}
// 偶数行
.table-color-even {
  background-color: rgb(19, 147, 147);
}
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/193719.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 电机的力矩、转速和功率「建议收藏」

    电机的力矩、转速和功率「建议收藏」转载来源:[JACK]《电机的力矩、转速和功率》大学电机学这门课程的时候,往往是从电磁场的相互转换关系开始学起,然后会分析很多很多的向量图及等值电路,把人弄得晕晕乎乎。工作当中从事电机的控制的时候,更多的则是实现上一些前人已经做好了的成熟算法。(比如到底选择FOC还是直接转矩?怎样选择合理的弱磁算法?怎样减小力矩纹波?)在工作过程中慢慢地就把一些基础的理论知识当成了大家都约定俗成的定量,…

    2022年5月14日
    58
  • mac 电脑android环境变量设置,mac上Android环境变量配置[通俗易懂]

    mac 电脑android环境变量设置,mac上Android环境变量配置[通俗易懂]1.AndroidSDK路径查看(1)AndroidStudio:菜单栏AndroidStudio>Preferences>Appearences&Behavior>SystemSettins>AndroidSDKtab中的SDKLocation。(2)Eclipse:菜单栏Eclipse>Preferences>Andr…

    2022年6月25日
    22
  • 浅谈ViewState[通俗易懂]

    浅谈ViewState[通俗易懂]一、什么是ViewState二、使用

    2022年7月21日
    12
  • javascript返回上一步,后退的代码

    javascript返回上一步,后退的代码第一种方法:<ahref=”javascript:history.go(-1)”>返回上一步</a><ahref=”javascript:”οnclick=”history.back();”>返回上一页</a>第二种方法:<scriptlanguage=”javascript”>window.history.back(-1);</script>…

    2022年7月25日
    8
  • 【Shader】Shader官方示例[通俗易懂]

    官方示例原文地址:https://docs.unity3d.com/Manual/SL-SurfaceShaderExamples.htmlSurfaceShader示例在表面着色器。此页面上的示例显示如何使用内置照明模型。有关如何实现自定义光照模型的示例,请参阅SurfaceShader光照示例。简单着色器例我们将从一个非常简单的Shader开始,并在此基础上进行构建。这是一个将…

    2022年4月15日
    54
  • WPF 用代码实现WrapPanel右侧自动对齐(解决多余空白问题)

    WPF 用代码实现WrapPanel右侧自动对齐(解决多余空白问题)未处理前效果:处理后效果:<BorderBackground=”{StaticResourceBorderBg}”BorderThickness=”2″BorderBrush=”{StaticResourceBorderBrush}”CornerRadius=”5″Padding=”5″x:Name=”SvKeyWords”Margi…

    2022年7月22日
    12

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号