wps表格sheet1,sheet2如何在顶端显示？,萌新交流区,萌新训练营,鱼C论坛

xianhuyu 发表于 2023-5-27 18:29:01

wps表格sheet1,sheet2如何在顶端显示？

wps表格sheet1,sheet2如何在顶端显示？
转化成htm后，使用手机浏览sheet1,sheet2,sheet3,,字迹实在太小了，
所以，希望把sheet转移到表格的顶端。

或者在转化成htm时候，调整sheet的位置也行！

各位老师，我来啦

陶远航 发表于 2023-5-27 18:29:42

在wps表格中，可以通过拖动sheet标签来改变它们的显示顺序。将需要在顶端显示的sheet（比如sheet1和sheet2）拖到位置靠前的位置，就可以让它们在顶端显示。

如果转化成htm后字迹太小，可以考虑在wps表格中将单元格大小调整为合适的大小，以便在手机浏览器中查看时显示更清晰。此外，也可以在转化为htm文件时选择合适的页面布局和字体大小等选项来进行调整。

xianhuyu 发表于 2023-5-27 18:29:59

<head>

<meta name="Excel Workbook Frameset">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<meta name="ProgId" content="Excel.Sheet">

<meta name="Generator" content="WPS Office ET">


<link rel="File-List" href="xinchuang.files/filelist.xml">

<link id="shLink" href="xinchuang.files/sheet001.htm">

<link id="shLink" href="xinchuang.files/sheet002.htm">

<link id="shLink" href="xinchuang.files/sheet003.htm">

<link id="shLink" href="xinchuang.files/sheet004.htm">

<link id="shLink" href="xinchuang.files/sheet005.htm">

<link id="shLink" href="xinchuang.files/sheet006.htm">

<link id="shLink" href="xinchuang.files/sheet007.htm">

<link id="shLink" href="xinchuang.files/sheet008.htm">

<link id="shLink" href="xinchuang.files/sheet009.htm">

<link id="shLink" href="xinchuang.files/sheet010.htm">

<script src="xinchuang.files/js.js"></script>

<script type="text/javascript">window.g_iIEVer=fnGetIEVer();fnBuildFrameset(1);</script>

</head>
<frameset rows="*,36" border="0" width="0" frameborder="no">

<frame src="xinchuang.files/sheet002.htm" name="frSheet" noresize/>

<frame src="xinchuang.files/tabstrip.htm" name="frTabs" marginwidth="0" marginheight="0"/>

<noframes>
<body>

<p>此页面使用了框架，而您的浏览器不支持框架</p>
</body>
</noframes>
</frameset>
</html>

xianhuyu 发表于 2023-5-27 18:32:04

下一步，想做到，把静态的表格增加修改功能，数值可能每天都会变化20个左右，有入库，有出库。

xianhuyu 发表于 2023-5-27 18:34:05

陶远航发表于 2023-5-27 18:29
在wps表格中，可以通过拖动sheet标签来改变它们的显示顺序。将需要在顶端显示的sheet（比如sheet1和sheet2 ...

谢谢老师的回复，实验过，只能改变前后的顺序，不能改变上下的位置，百度后，说是需要下载tab控件等，有点复杂。

陶远航 发表于 2023-5-27 18:34:58

xianhuyu 发表于 2023-5-27 18:34
谢谢老师的回复，实验过，只能改变前后的顺序，不能改变上下的位置，百度后，说是需要下载tab控件等，有 ...

对于在wps表格中无法直接调整sheet的上下位置，您可以尝试使用一些特殊技巧来实现该功能：

1. 将需要在顶端显示的sheet放在左侧或右侧，并将其单元格大小缩小；

2. 使用“窗口分割”功能，在同一屏幕中同时显示两个sheet，其中一个可以是需要在顶端显示的sheet；

3. 将需要在顶端显示的sheet复制到新的工作表中，并将其移到工作表的第一行。

另外，确实有一些扩展插件可以提供更多的sheet排列选项，但这需要下载并安装相应的插件，可能会增加一定的操作复杂度。

xianhuyu 发表于 2023-5-27 18:37:07

xianhuyu 发表于 2023-5-27 18:34
谢谢老师的回复，实验过，只能改变前后的顺序，不能改变上下的位置，百度后，说是需要下载tab控件等，有 ...

表格字体大小可以修改，可能是数据库大小的关系，改变字体大小，只能保证数据库差不多的表格可以看的清楚，数据多的表格，会空下很多很多，因为手机浏览是全部放大或者缩小，如何，看起来非常不方便。如果能把sheet转移到上面以后，调整字体估计可以改善，，，，

sfqxx 发表于 2023-5-27 18:37:24

从您提供的代码来看，似乎这是一个使用 WPS 表格软件创建的 excel 文档，并将其转化成了 HTML 格式。如果您想让 sheet1、sheet2 等工作表在页面顶端显示，可以尝试修改 `tabstrip.htm` 文件中的 CSS 样式。

具体操作步骤如下：

1. 在转换后的文件夹（xinchuang.files/）中找到 `tabstrip.htm` 文件并备份。

2. 打开 `tabstrip.htm` 文件，在头部 `<head>` 标签中添加以下样式代码：

#opt_tab_1, #opt_tab_2, #opt_tab_3, #opt_tab_4 {
display: inline-block;
}

此样式代码将针对前四个标签页（即 Sheet1、Sheet2、Sheet3 和 Sheet4），将它们的布局改为行内块元素，使它们在同一行中显示。

3. 保存 `tabstrip.htm` 文件并重新打开 HTML 文件，查看是否已经实现了效果。

注意：由于不同版本的 WPS 表格可能存在差异，以上操作仅适用于某些版本的 WPS 表格生成的 HTML 文件。如果上述方法无法解决问题，请考虑查询相关文档或寻求 WPS 官方支持。

xianhuyu 发表于 2023-5-27 18:39:52

陶远航发表于 2023-5-27 18:34
对于在wps表格中无法直接调整sheet的上下位置，您可以尝试使用一些特殊技巧来实现该功能：

1. 将需要 ...

感谢老师的回复，感觉上应该能解决，或者，能不能在htm里修改位置吧，不知道是在哪句里控制sheet的位置的，或者是目录下每个文件都需要修改吧，只要能做到都可以，htm里修改应该可以的吧。

陶远航 发表于 2023-5-27 18:41:07

在将表格转换为HTML文件后，您可以使用HTML编辑器或者文本编辑器打开HTML文件，手动修改其中的代码来控制sheet的位置。

在HTML文件中，每个表格页面对应一个HTML页面，可以在其中找到相应的代码进行编辑。如果您对HTML有一定的了解，那么可以利用CSS样式规则来调整sheet的位置和布局。比如，您可以将sheet从左侧或右侧移到顶部，或改变其大小、字体等属性。

然而，需要注意的是，在修改HTML代码时，建议备份原始文件，并遵循安全操作的原则，避免破坏HTML文件的结构或引入潜在的安全漏洞。

xianhuyu 发表于 2023-5-27 18:42:58

sfqxx 发表于 2023-5-27 18:37
从您提供的代码来看，似乎这是一个使用 WPS 表格软件创建的 excel 文档，并将其转化成了 HTML 格式。如果您 ...

先给老师点个赞，然后，再修改尝试，应该是这样的。

xianhuyu 发表于 2023-5-27 18:45:19

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="ProgId" content="Excel.Sheet">

<meta name="Generator" content="WPS Office ET">

<link id="Main-File" rel="Main-File" href="../xinchuang.htm">

<style>A:link,A:visited,A:active{text-decoration:none;color:#000000;font-size:9pt;}
table{cursor:hand;background:buttonface;font:9pt 宋体;text-align:center;}
td{white-space:nowrap}</style>

<script language="JavaScript">if(window.name!='frTabs')
window.location.replace(document.getElementById('Main-File').href);</script>
</head>
}

<body style='margin:"0";'>
<table border="1" cellspacing="0">
<tr>

<td><a href="sheet001.htm" target="frSheet"> 钢健 </a></td>

<td><a href="sheet002.htm" target="frSheet"> 充气管 </a></td>

<td><a href="sheet003.htm" target="frSheet"> 引线 </a></td>

<td><a href="sheet004.htm" target="frSheet"> 玻璃 </a></td>

<td><a href="sheet005.htm" target="frSheet"> 模具 </a></td>

<td><a href="sheet006.htm" target="frSheet"> 连接器 </a></td>

<td><a href="sheet007.htm" target="frSheet"> 连接器-未 </a></td>

<td><a href="sheet008.htm" target="frSheet"> 传感器 </a></td>

<td><a href="sheet009.htm" target="frSheet"> 传感器-未 </a></td>

<td><a href="sheet010.htm" target="frSheet"> 张悦 </a>
</td>
</tr>
</table>
</body>
</html>

xianhuyu 发表于 2023-5-27 18:51:36

uy76xerz54.w2x6.host8.代码已经发出来top/xinchuang.htm期待，直接答案！

xianhuyu 发表于 2023-5-27 19:03:55

js文件内容

var c_lTabs=10;
var c_rgszSh=new Array(c_lTabs);
c_rgszSh="钢健";
c_rgszSh="充气管";
c_rgszSh="引线";
c_rgszSh="玻璃";
c_rgszSh="模具";
c_rgszSh="连接器";
c_rgszSh="连接器-未";
c_rgszSh="传感器";
c_rgszSh="传感器-未";
c_rgszSh="张悦";
var g_iShCur=0;
var g_rglTabX=new Array(c_lTabs+1);
var g_clrs=new Array(8);
g_clrs="window";
g_clrs="buttonface";
g_clrs="windowframe";
g_clrs="windowtext";
g_clrs="threedlightshadow";
g_clrs="threedhighlight";
g_clrs="threeddarkshadow";
g_clrs="threedshadow";

function fnGetIEVer()
{
var ua = window.navigator.userAgent;
var msie = ua.indexOf("MSIE");
if (msie > 0 && window.navigator.platform == "Win32")
return parseInt(ua.substring(msie+5, ua.indexOf(".",msie)));
else
return 0;
}
function fnMouseOverTab(event, iTab)
{
if (iTab != g_iShCur){
if (parent.window.g_iIEVer>=4){
frames['frTabs'].event.srcElement.style.background=g_clrs;
}
else{
event.target.style.background=g_clrs; }
}
}
function fnMouseOutTab(event, iTab)
{
if (iTab >= 0 && iTab != g_iShCur){
if (parent.window.g_iIEVer >= 4)
frames['frTabs'].event.srcElement.style.background=g_clrs;
else
target=event.target.style.background=g_clrs;
}
}
function fnSetTabProps(iTab, fActive)
{
if (iTab>=0){
with (frames['frTabs'].document.all.aTab.style){
background = fActive ? "#B0E0E6" : g_clrs;
cursor = (fActive ? "default" : "pointer");
}
}
}
function fnSetActiveSheet(iSh)
{
if (iSh != g_iShCur){
fnSetTabProps(g_iShCur, false);
fnSetTabProps(iSh, true);
g_iShCur = iSh;
}
}
function fnInit()
{
g_rglTabX = 0;
var row = frames['frTabs'].document.all.tbTabs.rows;
for (var i = 1; i <= c_lTabs; ++i)
g_rglTabX = row.cells.offsetLeft + row.cells.offsetWidth;
fnSetTabProps(g_iShCur, true);
}
function fnUpdateTabs(index)
{
if (index < 0)
return;
if (document.readyState == "complete")
fnSetActiveSheet(index);
else
window.setTimeout("fnUpdateTabs("+index+");",150);
}
function fnBuildFrameset(index)
{
var szHTML = "<frameset rows=\"*,18px\" border=0 width=0 frameborder=no framespacing=0>" + "<frame src=\""+document.all.item("shLink").href+"\" name=\"frSheet\" noresize>" + "<frameset cols=\"80px,*\" border=0 width=0 frameborder=no framespacing=0>"+"<frame name=\"frScroll\" marginwidth=0 marginheight=0 scrolling=no noresize>"+"<frame name=\"frTabs\" marginwidth=0 marginheight=0 scrolling=no noresize>"+"</frameset></frameset>";
with (document){
open('text/html', 'replace');
write(szHTML);
close();
}
fnBuildTabStrip();
}
function fnNextTab(fDir)
{
var iNextTab = -1;
var i;
with (frames['frTabs'].document.body){
if (fDir == 0){
if (scrollLeft > 0){
for (i = 0; i < c_lTabs && g_rglTabX < scrollLeft; ++i);
if ( i < c_lTabs)
iNextTab = i - 1;
}
}
else{
if (g_rglTabX > offsetWidth + scrollLeft){
for (i = 0; i < c_lTabs && g_rglTabX <= scrollLeft; ++i);
if (i < c_lTabs)
iNextTab=i;
}
}
}
return iNextTab;
}
function fnScrollTabs(fDir)
{
var iNextTab = fnNextTab(fDir);
if (iNextTab >= 0){
frames['frTabs'].scroll(g_rglTabX, 0);
return true;
}
else
return false;
}
function fnFastScrollTabs(fDir)
{
if (c_lTabs > 16)
frames['frTabs'].scroll(g_rglTabX, 0);
else if (fnScrollTabs(fDir) > 0)
window.setTimeout("fnFastScrollTabs("+fDir+");", 5);
}
function fnMouseOverScroll(iCtl)
{
frames['frScroll'].document.all.tdScroll.style.color = g_clrs;
}
function fnMouseOutScroll(iCtl)
{
frames['frScroll'].document.all.tdScroll.style.color = g_clrs;
}
function fnBuildTabStrip()
{
var szHTML = "<html><head><style>.clScroll{font:8pt Courier New;cursor:default;line-height:10pt;}"+".clScroll2{font:10pt Arial;cursor:default;line-height:11pt;}</style></head>"+"<body topmargin=0 leftmargin=0><table border=1 cellpadding=0 cellspacing=0 width=100%>"+"<tr>"+"<td valign=top id=tdScroll class=\"clScroll\" onclick=\"parent.fnFastScrollTabs(0);\" ondblclick=\"parent.fnFastScrollTabs(0);\" onmouseover=\"parent.fnMouseOverScroll(0);\" onmouseout=\"parent.fnMouseOutScroll(0);\"> « </td>"+"<td valign=top id=tdScroll class=\"clScroll2\" onclick=\"parent.fnScrollTabs(0);\" ondblclick=\"parent.fnScrollTabs(0);\" onmouseover=\"parent.fnMouseOverScroll(1);\" onmouseout=\"parent.fnMouseOutScroll(1);\"> < </td>"+"<td valign=top id=tdScroll class=\"clScroll2\" onclick=\"parent.fnScrollTabs(1);\" ondblclick=\"parent.fnScrollTabs(1);\" onmouseover=\"parent.fnMouseOverScroll(2);\" onmouseout=\"parent.fnMouseOutScroll(2);\"> > </td>"+"<td valign=top id=tdScroll class=\"clScroll\" onclick=\"parent.fnFastScrollTabs(1);\" ondblclick=\"parent.fnFastScrollTabs(1);\" onmouseover=\"parent.fnMouseOverScroll(3);\" onmouseout=\"parent.fnMouseOutScroll(3);\"> » </td>"+"</tr></table></body></html>";
with (frames['frScroll'].document){
open("text/html","replace");
write(szHTML);
close();
}
szHTML = "<html><head>"+"<style>A:link,A:visited,A:active{text-decoration:none;"+"color:#000000;}"+".clTab{cursor:hand;background:"+g_clrs+";font:9pt \"宋体\";padding-left:3px;padding-right:3px;text-align:center;}"+"</style></head><body onload=\"parent.fnInit();\" topmargin=0 leftmargin=0><table id=tbTabs border=1 cellpadding=0 cellspacing=0><tr>";
for (i = 0; i < c_lTabs; ++i){
szHTML+="<td id=tdTab height=1 nowrap class=\"clTab\" "+"onmouseover=\"parent.fnMouseOverTab(event," + i + ");\" onmouseout=\"parent.fnMouseOutTab(event,"+i+");\">"+"<a href=\""+document.all.item("shLink").href+"\" target=\"frSheet\" id=aTab> "+c_rgszSh+" </a></td>";
}
szHTML += "</tr></table></body></html>";
with (frames['frTabs'].document){
open('text/html','replace');
write(szHTML);
close();
}
}

sfqxx 发表于 2023-5-27 19:06:01

xianhuyu 发表于 2023-5-27 19:03
js文件内容

var c_lTabs=10;

可以吗？可以的话给我最佳答案呗{:10_254:}

xianhuyu 发表于 2023-5-27 19:16:43

var c_lTabs=10
这个应该是定义有多少个sheet的，如果我增加一个sheet这个值就是11了，，感谢三位老师的回复。。。。。应该就是在这个文件里，，，，要不就是在第一个文件xinchuang.hem里

页: [1]

鱼C论坛's Archiver

wps表格sheet1,sheet2如何在顶端显示？