ps表格设置数据有效性功能的方法
1、打开工作薄,如下图1,
2、选中“学号”一列,点击“数据”菜单,选择“有效性”,如图2,
3、打开“数据有效性”对话框,在“设置”选项下,单击“允许”右侧的下拉按钮,在弹出的下拉菜单中,选择“自定义”选项,然后在下面“公式”文本框中输入公式“=COUNTIF(a:a,a1)=1”(不包括引号),如图3,
4、切换到“出错警告”填写标题和错误信息,单击“确定”,如图4,
5、下面我们开始输入一些数据检验一下效果。输入不重复的数据时,可以正常显示,如图5,
当输入重复数据时,弹出错误警告对话框,要求要求用户检查后输入正确数据,如图6,
网络上看到的每个网站都是使用HTML构建的,因为它具有许多有用而强大的功能,作为开发人员,你可以从中受益以创建网页。话虽如此,HTML还具有可以附加到元素或标签的属性,以便向HTML元素添加某些交互功能。
1<html></html>表示文档的开始和结束
2<head></head>表示文档头的开始和结束
3<title></title>文档的标题开始及结束
4<body></body>文档正文的开始及结束
1backgroundcolor背景颜色
2background背景图片
3text正文文字的颜色
4link链接文字的颜色
5alink正被单击链接文字的颜色
6vlink已被单击过链接文字的颜色
7leftmargin网页左边空白
8topmargin网页上边空白
1<ahref=”URL”target=”打开方式”>文字或图片</a>
2“URL”代表网址或本站某页面,
3“打开方式”两个基本选项:1“_blank”在新窗口中打开2“_self在本窗口中打开”
1字号<fontsize=n>n={1——7}
2字体<fontface=X>X=隶书、黑体、楷体_gb2312、仿宋_gb2312、Arial等
3颜色<fontcolor=X>
4文字特殊效果<b></>
5<i>斜体</i>
6<u>下划线</u>
7<s>删除线</s>
8<big>这是大号字体</big>
9<small>这是小号字体</small>
1插入图象<imgsrc=”url”>url=绝对路径或相对路径及文件名
2图像超链接<ahref=”URL”><imgsrc=”url”></a>
3图象与文字对齐<imgsrc=”url”align=”Y”>Y=top(顶部),middle(中部),botton(底部)
4图象与周围文字间距<imgsrc=”url”vspace(垂直)=”像素”hspace(水平)=”像素>
5图象大小及边框宽度<imgsrc=”url”width=”像素”height=“像素”border=”像素”>
1表格
<table>...</table>:定义表格<表格的开始和结束>
<tr>...</tr>定义表行(每一行都需定义)
<th>...</th>定义表头(一般指第一行,因为很多表格没有表头,所以其常常省略)
<td>...</td>定义表元(表格的具体数据)
2跨行列表格
跨多列的表元<thcolspan=#>或<tdcolspan=#>
跨多行的表元<throwspan=#>或<tdrowspan=#>
3表格外观
设置表格边框:<tableborder=#>
设置表格尺寸:<tablewidth=#height=#>
4单元格间距及内容间距
单元格间距<tablecellspacing=#>
内容与单元格间距<tablecellpadding=#>
5表格边框色<tablebordercolor=#>
开课吧广场-人才学习交流平台
evExpress官方技术团队预计在11月发布HTML/Markdown 编辑器 (v21.2) 的下一个主要版本,此次更新将包括以下的新特性/功能:
DevExtreme Complete Subscription官方最新版免费下载试用,历史版本下载,在线文档和帮助文件下载-慧都网
支持表格调整大小
v21.2允许开发人员调整在HTML/Markdown编辑器中显示的表格大小,要启用此新功能,请将tableResizing.enabled属性设置为 true。您还可以使用tableResizing.minColumnWidth和tableResizing.minRowHeight属性限制最小列宽和行高:
Angular
<dx-html-editor>
<dxo-table-resizing
[enabled]="true"
[minColumnWidth]="70"
[minRowHeight]="30">
</dxo-table-resizing>
</dx-html-editor>
Vue
<DxHtmlEditor>
<DxTableResizing
:enabled="true"
:min-column-width="70"
:min-row-height="30"
/>
</DxHtmlEditor>
React
<HtmlEditor>
<TableResizing
enabled={true}
minColumnWidth={70}
minRowHeight={30}
/>
</HtmlEditor>
jQuery
$(function() {
$("#html-editor").dxHtmlEditor({
tableResizing: {
enabled: true,
minColumnWidth: 70,
minRowHeight: 30
}
});
});
表格单元格中的多行文本
在v21.2中,HTML/Markdown 编辑器增加了对表格单元格内多行文本的支持,要添加新行,用户只需按 Enter 键即可。
表格上下文菜单
表格单元格现在包括一个带有常用表格操作命令的上下文菜单,以前这些命令是使用工具栏控件执行的,此上下文菜单的引入允许您为其他控件/命令释放工具栏空间。
要激活上下文菜单,请将tableContextMenu.enabled属性设置为 true。 您还可以使用 tableContextMenu.items 数组重新排列或隐藏菜单命令:
Angular
<dx-html-editor>
<dxo-table-context-menu
[enabled]="true">
<dxi-item name="tableProperties"></dxi-item>
<dxi-item name="cellProperties"></dxi-item>
</dxo-table-context-menu>
</dx-html-editor>
Vue
<DxHtmlEditor>
<DxTableContextMenu
:enabled="true">
<DxItem name="tableProperties" />
<DxItem name="cellProperties" />
</DxTableContextMenu>
</DxHtmlEditor>
React
<HtmlEditor>
<TableContextMenu
enabled={true}>
<Item name="tableProperties" />
<Item name="cellProperties" />
</TableContextMenu>
</HtmlEditor>
jQuery
$(function() {
$("#html-editor").dxHtmlEditor({
tableContextMenu: {
enabled: true,
items: [ "tableProperties", "cellProperties" ]
}
});
});
支持表格标题
新版本改进了表格标记处理算法,现在支持表格标题 (<thead>)。
要添加标题行,最终用户可以单击Insert Header Row工具栏按钮,使用以下代码将按钮添加到工具栏:
Angular
<dx-html-editor>
<dxo-toolbar>
<dxi-item name="insertHeaderRow"></dxi-item>
</dxo-toolbar>
</dx-html-editor>
Vue
<DxHtmlEditor>
<DxToolbar>
<DxItem name="insertHeaderRow" />
</DxToolbar>
</DxHtmlEditor>
React
<HtmlEditor>
<Toolbar>
<Item name="insertHeaderRow" />
</Toolbar>
</HtmlEditor>
jQuery
$(function() {
$("#html-editor").dxHtmlEditor({
toolbar: {
items: [
// ...
"insertHeaderRow"
]
}
});
});
或者,用户可以从新引入的表格上下文菜单中选择插入标题行命令。
表格/单元格外观定制
新的弹出对话框允许用户根据要求修改表格和单元格属性。
可以更改下表属性:
单元格支持以下属性:
HTML/Markdown 编辑器将相应的属性和样式保存在输出标记中,并且可以在输入标记中指定它们时对其进行解析。
添加了在块元素(列表、表格、引号)中插入换行符的功能,要开始新行,用户必须使用 Shift + Enter 组合键,将 true 分配给 allowSoftLineBreak 属性以启用此功能:
Angular
<dx-html-editor
[allowSoftLineBreak]="true">
</dx-html-editor>
Vue
<DxHtmlEditor
:allow-soft-line-break="true">
</DxHtmlEditor>
React
<HtmlEditor
allowSoftLineBreak={true}>
</HtmlEditor>
jQuery
$(function() {
$("#html-editor").dxHtmlEditor({
allowSoftLineBreak: true
});
});
DevExtreme
DevExtreme拥有高性能的HTML5 / JavaScript小部件集合,使您可以利用现代Web开发堆栈(包括React,Angular,ASP.NET Core,jQuery,Knockout等)构建交互式的Web应用程序。从Angular和Reac,到ASP.NET Core或Vue,DevExtreme包含全面的高性能和响应式UI小部件集合,可在传统Web和下一代移动应用程序中使用。 该套件附带功能齐全的数据网格、交互式图表小部件、数据编辑器等。
*请认真填写需求信息,我们会在24小时内与您取得联系。