整合營銷服務商

          電腦端+手機端+微信端=數(shù)據(jù)同步管理

          免費咨詢熱線:

          Excel中的表格粘貼后,怎樣才能保證不變形呢?

          Excel中的表格粘貼后,怎樣才能保證不變形呢?

          生我才必有用。——李白

          大家在平時在復制表格的時候,不知道有沒有遇到過這樣的問題?

          好好的按Ctrl+C復制,Ctrl+C粘貼,發(fā)現(xiàn)復制后的表格行高和列寬都變了,

          就像下面這樣:


          當我們再把把word表格的內(nèi)容粘貼到Excel中,發(fā)現(xiàn)也是全亂了。

          如果我們在對表格進行行高列寬調(diào)整,那就太麻煩了。今天就給大家分享2個小技巧,教你怎么復制表格,表格才不會變形。

          我們先看Excel到Excel復制技巧

          1、選擇整行復制,再進行粘貼,表格行高就不會變

          2、選擇所有行,按復制,再在新的位置點擊-【選擇性粘貼】,點擊保留源列寬,列寬即不會變。

          說完Excel復制粘貼的行高列寬不變,我們再看下Excel和Word結合使用怎么確保不會改變。

          問題一、Excel內(nèi)容怎么復制到Word中不變形?

          答:把Excel表格直接按Ctrl 拖到word中,行高列寬都不變。

          問題二、Word內(nèi)容怎么復制到Excel中不變形?

          答:先把word文件另存為html格式(網(wǎng)頁)格式

          再用excel打開,原來的Word表格行高列寬都不變。

          以上就是給大家分享關于Excel與Excel及Excel與Word之間如何實現(xiàn)復制粘貼后不變形的方法,希望對你有幫助。

          如果覺得文章對你有幫助的話,希望大家?guī)兔c贊加分享哦~,謝謝

          本文由李先生的職場Excel原創(chuàng),歡迎關注,帶你一起長知識!

          時候會需要做一個可以拉伸寬度的表格,但是現(xiàn)有的表格是沒有這個功能的,那就需要我們手動的實現(xiàn),下面我來看看,如何用原生js實現(xiàn)。

          先看效果圖,都是在表格頭部進行的拉伸:

          單元格被拉伸的時候,整體表格寬度不變

          單元格被拉伸的時候,整體表格會變寬。

          話不多說,直接上代碼:

          <!DOCTYPE html>
          <html lang="en">
          <head>
              <meta charset="utf-8">
              <meta http-equiv="X-UA-Compatible" content="IE=edge">
              <meta name="viewport" content="width=device-width, initial-scale=1.0">
              <title>表格拉伸</title>
              <style>
                #tab{
                  text-align:center 
                }
              </style>
          </head>
          <body>
              <table id="tab" border="1"  cellpadding="2" cellspacing="0" width="500px" >
                  <tr style="background-color: #dcdcdc">
                      <td style="width:100px;">序號</td>
                      <td>姓名</td>
                      <td>語文分數(shù)</td>
                      <td>數(shù)學分數(shù)</td>
                  </tr>
                  <tr>
                      <td>1</td>
                      <td>李萌</td>
                      <td>80</td>
                      <td>98</td>
                  </tr>
                  <tr>
                      <td>2</td>
                      <td>趙新</td>
                      <td>98</td>
                      <td>88</td>
                  </tr>
                  <tr>
                      <td>3</td>
                      <td>張小紅</td>
                      <td>82</td>
                      <td>84</td>
                  </tr>
                  <tr>
                      <td>4</td>
                      <td>陳成</td>
                      <td>98</td>
                      <td>94</td>
                  </tr>
                  <tr>
                      <td>5</td>
                      <td>胡山</td>
                      <td>77</td>
                      <td>94</td>
                  </tr>
              </table>
          </body>
          </html>
          <script type="text/javascript">
               let tTD; 
               let table=document.getElementById("tab");
               for (let i=0; i <  table.rows [0].cells.length; i++) {
                   table.rows[0].cells[i].onmousedown=function () {
                      //記錄單元格
                       tTD=this;
                       if (event.offsetX > tTD.offsetWidth - 10) {
                           tTD.mouseDown=true;
                           tTD.oldX=event.x;
                           tTD.oldWidth=tTD.offsetWidth;
                       };
                      //記錄Table寬度(單元格拉伸,表格整體寬度變化時用的)
                      //table=tTD; 
                     // while (table.tagName !='TABLE') {table=table.parentElement};
                      //tTD.tableWidth=table.offsetWidth;
                   };
                   
                   table.rows[0].cells[i].onmouseup=function () {
                       //結束寬度調(diào)整
                       if (tTD==undefined) {
                           tTD=this
                      };
                      tTD.mouseDown=false;
                      tTD.style.cursor='default';
                   };
          
                   table.rows[0].cells[i].onmousemove=function () {
                       //更改鼠標樣式
                       if (event.offsetX > this.offsetWidth - 10){
                          this.style.cursor='col-resize';
                       }else{
                          this.style.cursor='default';
                       };
                           
                      //取出暫存的Table Cell
                       if (tTD==undefined) {tTD=this};
                      //調(diào)整寬度
                       if (tTD.mouseDown !=null && tTD.mouseDown==true) {
                           tTD.style.cursor='default';
                           if (tTD.oldWidth + (event.x - tTD.oldX) > 0){
                              tTD.width=tTD.oldWidth + (event.x - tTD.oldX);
                              //調(diào)整列寬
                              tTD.style.width=tTD.width;
                              tTD.style.cursor='col-resize';
                           //調(diào)整該列中的每個Cell
                              table=tTD;
                           }
                            
                          while (table.tagName !='TABLE') {table=table.parentElement};
                          for (let j=0; j <  table.rows.length ; j++) {
                              table.rows[j].cells[tTD.cellIndex].width=tTD.width;
                          }
                          //調(diào)整整個表
                          // table.width=tTD.tableWidth + (tTD.offsetWidth-tTD.oldWidth);
                          // table.style.width=table.width;
                       }
                   };
               }
          
          </script>

          現(xiàn)有的代碼可以復制到本地運行,直接得到圖一的效果;把文中注釋的部分的代碼釋放,就是得到圖二。有興趣的可以自行研究哦!

          evExpress官方技術團隊預計在11月發(fā)布HTML/Markdown 編輯器 (v21.2) 的下一個主要版本,此次更新將包括以下的新特性/功能:

          DevExtreme Complete Subscription官方最新版免費下載試用,歷史版本下載,在線文檔和幫助文件下載-慧都網(wǎng)

          表格支持的增強功能

          支持表格調(diào)整大小

          v21.2允許開發(fā)人員調(diào)整在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 編輯器增加了對表格單元格內(nèi)多行文本的支持,要添加新行,用戶只需按 Enter 鍵即可。

          表格上下文菜單

          表格單元格現(xiàn)在包括一個帶有常用表格操作命令的上下文菜單,以前這些命令是使用工具欄控件執(zhí)行的,此上下文菜單的引入允許您為其他控件/命令釋放工具欄空間。

          要激活上下文菜單,請將tableContextMenu.enabled屬性設置為 true。 您還可以使用 tableContextMenu.items 數(shù)組重新排列或隱藏菜單命令:

          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" ]
          }
          });
          });

          支持表格標題

          新版本改進了表格標記處理算法,現(xiàn)在支持表格標題 (<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"
          ]
          }
          });
          });

          或者,用戶可以從新引入的表格上下文菜單中選擇插入標題行命令。

          表格/單元格外觀定制

          新的彈出對話框允許用戶根據(jù)要求修改表格和單元格屬性。

          可以更改下表屬性:

          • 外邊框(樣式、粗細、顏色)
          • 寬度和高度
          • 對齊
          • 填色

          單元格支持以下屬性:

          • 外邊框(樣式、粗細、顏色)
          • 寬度和高度
          • 填色
          • 內(nèi)容對齊(垂直和水平)
          • 填充(垂直和水平)

          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小部件集合,使您可以利用現(xiàn)代Web開發(fā)堆棧(包括React,Angular,ASP.NET Core,jQuery,Knockout等)構建交互式的Web應用程序。從Angular和Reac,到ASP.NET Core或Vue,DevExtreme包含全面的高性能和響應式UI小部件集合,可在傳統(tǒng)Web和下一代移動應用程序中使用。 該套件附帶功能齊全的數(shù)據(jù)網(wǎng)格、交互式圖表小部件、數(shù)據(jù)編輯器等。


          主站蜘蛛池模板: 麻豆AV无码精品一区二区 | 国产对白精品刺激一区二区 | 国产乱码精品一区三上| 成人精品一区二区三区不卡免费看 | 精品久久久久久无码中文字幕一区| 视频在线观看一区二区三区| 日本片免费观看一区二区| 日韩亚洲一区二区三区| 亚洲啪啪综合AV一区| 成人区人妻精品一区二区不卡视频| 国产成人AV区一区二区三| 国内精品视频一区二区八戒| 亚洲一区动漫卡通在线播放| 久久人做人爽一区二区三区| 骚片AV蜜桃精品一区| 夜色福利一区二区三区| 国产精品高清一区二区三区| 日本在线一区二区| 色久综合网精品一区二区| 久久国产精品无码一区二区三区| 久久国产精品视频一区| 无码精品人妻一区二区三区漫画 | 亚洲日韩一区二区一无码| 亚洲福利一区二区精品秒拍| 中文字幕一区二区三区5566| 2021国产精品一区二区在线| 亚洲一区二区三区免费在线观看| 中文字幕视频一区| 日韩一区二区在线免费观看| 国产精品久久亚洲一区二区| 日本精品一区二区三区在线视频 | 久久精品一区二区国产| 精品一区二区三区免费毛片爱| 精品福利视频一区二区三区 | 亚洲AV永久无码精品一区二区国产| 无码日韩人妻AV一区免费l| 色狠狠色噜噜Av天堂一区| 色欲综合一区二区三区| 在线视频一区二区三区四区| 亚洲欧洲一区二区三区| 无码人妻一区二区三区免费n鬼沢|