oracle apex 交互式网格自动换行

oracle apex 交互式网格自动换行(css方式通用)

第1种方法:

/* 悬浮样式 */
.longlinedots{
    max-width: 900px;	/*设置容器最大宽度*/
    white-space: nowrap;	/* 设置段落文本不换行(不换行才有可能行溢出)*/
    overflow: hidden;		/* 关闭滚动条，超出部分隐藏*/
    text-overflow: ellipsis;	/* 超出部分添加省略号*/
}
/*给该选择器添加悬浮事件，实现悬浮显示全部内容*/
.longlinedots:hover {
    overflow: visible;
    white-space: inherit;
}

第2种方法:

/* 悬停 */
.a-GV-table td:hover  {
    word-wrap: break-word;
	overflow-wrap: break-word;
    overflow: initial;
    white-space: initial;
    text-overflow: initial;
}

/* 直接显示为换行 */
.a-GV-table td  {
    word-wrap: break-word;
	overflow-wrap: break-word;
    overflow: initial;
    white-space: initial;
    text-overflow: initial;
}

步骤如果所示: 可以根据自己的需求来进行填入