表格头固定而列可滚动的效果_javascript技巧-js tutoriel-php.cn

Maison

interface Web

js tutoriel

表格头固定而列可滚动的效果_javascript技巧

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

May 16, 2016 pm 07:07 PM

效果表格

对于经常需要表格头部不东，而列表可以滚动，多用于数据比较多的情况，方便查看

<title>表格头固定而列可滚动的效果-脚本之家</title>
 
<style type="text/css"> 
body {  
    font-family: "arial", "helvetica", "sans-serif", "";  
    font-size: 9pt;  
    margin: 0px; 
    scrollbar-face-color:#efefe7; 
    scrollbar-highlight-color:#ffffff; 
    scrollbar-3dlight-color:#a5a5a5; 
    scrollbar-darkshadow-color:#a5a5a5; 
    scrollbar-shadow-color:#d6d6ce; 
    scrollbar-arrow-color:#003184; 
    scrollbar-track-color:#deded6; 
    } 
table {  
    font-family: "arial", "helvetica", "sans-serif","";  
    font-size: 9pt;  
    line-height: 150%;  
    color: #000000; 
         } 
.display-tb2 
{ 
    border-right: #808080 1px solid;  
    border-top: #808080 1px solid;  
    border-left: #808080 1px solid;  
    border-bottom: #808080 1px solid; 
    border:0; 
    cellpadding:2; 
    cellspacing:0; 
    margin-top:2px; 
    border-collapse:collapse; 
} 
div.tableContainer 
{ 
    overflow-x:auto; 
    width:760px; 
    dyn-behavior:expression( 
        onscroll == null? 
            (onscroll = function(){ 
                if(event.srcElement.scrollLeft == event.srcElement.oldScroll) return; 
                var oGridBody = document.getElementById("order_GridBody"); 
                oGridBody.style.width = parseInt(event.srcElement.clientWidth) + event.srcElement.scrollLeft + "px"; 
                event.srcElement.oldScroll == event.srcElement.scrollLeft; 
            }):true, 
        onmousedown == null? 
            (onmousedown = function(){ 
                    if(self.currentTH != null) return; 
                    var obj = document.elementFromPoint(event.x,event.y); 
                    var objL = document.elementFromPoint(event.x - 1,event.y);

if(obj.tagName.toLowerCase() == "th")  
                    { 
                     
                        if(objL.tagName.toLowerCase() == "th") 
                        { 
                            obj = objL; 
                        } 
                        if(obj.className == "fixed") return; 
                        self.currentX = event.x; 
                        self.currentTH = obj.childNodes[0]; 
                        self.currentTH.setCapture(); 
                    } 
            }):true, 
        onmouseup == null? 
            (onmouseup = function(){ 
                    if(self.currentTH != null) 
                    { 
                        self.currentTH.releaseCapture(); 
                        self.currentTH = null; 
                    }     
            }):true, 
        onmousemove == null? 
            (onmousemove = function(){ 
                    if(self.currentTH != null) 
                    { 
                        var width = Math.round(parseInt(self.currentTH.clientWidth) + event.x - self.currentX); 
                        if(width < 0) width = 0; 
                        var dt = parseInt(self.currentTH.style.width) - width; 
                        self.currentTH.style.width = width; 
                        __resizeCell(self.currentTH.columnIndex,self.currentTH.style.width); 
                        self.currentX = event.x; 
                    } 
            }):true, 
        self.__resizeCell == null? 
            (self.__resizeCell = function(idx, width){ 
                    var cells = document.getElementById("order_GridBody_Cells"); 
                    var rows = cells.childNodes; 
                    var i = 0; 
                    for (var i = 0; i < rows.length; i++) 
                    { 
                        var cell = rows[i].childNodes[idx].childNodes[0]; 
                        var resetPattern = /style=[^\s\t\n]+/; 
                        cell.outerHTML = cell.outerHTML.toString().replace(resetPattern, "style='width:" +width + "'"); 
                    } 
            }):true 
    ) 
} 
div.bodyContainer 
{ 
    height:250px; 
    width:760px; 
    overflow-x:hidden; 
    overflow-y:auto; 
} 
div.gridCell_standard 
{ 
    width:100px; 
    overflow:hidden; 
    nw:expression(this.noWrap=true); 
    margin-left: 0px; 
    margin-right: 1px; 
    padding-left: 2px; 
    cursor:default; 
} 
div.gridCell_narrow 
{ 
    width:30px; 
    overflow:hidden; 
    margin-left: 0px; 
    margin-right: 1px; 
    padding-left: 2px; 
    nw:expression(this.noWrap=true); 
    cursor:default; 
} 
th  
{ 
    border-right: #a4a6a4 1px solid;  
    border-top: #a4a6a4 1px solid;  
    border-left: #a4a6a4 1px solid;  
    border-bottom: #a4a6a4 1px solid; 
    background-image: url(images/default/headerbg.gif); 
                color:#ffffff; 
    font-style:normal; 
    font-weight:normal; 
    height:20px; 
    cursor:col-resize; 
    dyn-behavior:expression( 
        ondblclick == null? 
            (ondblclick = function() 
            { 
                var src = event.srcElement; 
                if(event.srcElement.tagName.toLowerCase()!="div") 
                { 
                    src = src.childNodes[0]; 
                } 
                src.style.width = ""; 
                __resizeCell(src.columnIndex,src.clientWidth); 
            }):true 
    ) 
} 
th.fixed 
{ 
    border-right: #a4a6a4 1px solid;  
    border-top: #a4a6a4 1px solid;  
    border-left: #a4a6a4 1px solid;  
    border-bottom: #a4a6a4 1px solid; 
    background-image: url(images/default/headerbg.gif); 
                color:#ffffff; 
    font-style:normal; 
    font-weight:normal; 
    height:20px; 
    cursor:default; 
} 
tr.odd  
{ 
  border-right: #a4a6a4 1px solid;  
    border-top: #a4a6a4 0px solid;  
    border-left: #a4a6a4 0px solid;  
    border-bottom: #a4a6a4 1px solid; 
    noWrap; 
} 
tr.even  
{ 
  border-right: #a4a6a4 1px solid;  
    border-top: #a4a6a4 0px solid;  
    border-left: #a4a6a4 0px solid;  
    border-bottom: #a4a6a4 1px solid; 
} 
td.odd_even 
{ 
  border-right: #a4a6a4 1px solid;  
    border-top: #a4a6a4 1px solid;  
    border-left: #a4a6a4 1px solid;  
    border-bottom: #a4a6a4 1px solid; 
    noWrap; 
} 
td.select-cell 
{ 
  border-right: #a4a6a4 1px solid;  
    border-top: #a4a6a4 1px solid;  
    border-left: #a4a6a4 1px solid;  
    border-bottom: #a4a6a4 1px solid; 
} 
th{ 
  color:#ff0000; 
} 
</style>

<div class="tableContainer" id="order_Container"> 
 
    <table cellpadding="0" class="display-tb2" style="margin-top: 2px;" cellspacing="0" border="0" id="order"> 
    <tr> 
    <td> 
    <table cellpadding="0" class="display-tb2" style="margin-top: 0px;" cellspacing="0" border="0"> 
        <thead> 
            <th class="fixed"><div columnindex="0" class="gridCell_narrow">选择</div></th> 
            <th><div columnindex="1" class="gridCell_standard">订单编号</div></th> 
            <th><div columnindex="2" class="gridCell_standard">订货日期</div></th> 
            <th><div columnindex="3" class="gridCell_standard">订货单位</div></th> 
            <th><div columnindex="4" class="gridCell_standard">订单类别</div></th> 
            <th><div columnindex="5" class="gridCell_standard">产品类别</div></th> 
            <th><div columnindex="6" class="gridCell_standard">版本号</div></th> 
            <th><div columnindex="7" class="gridCell_standard">订货金额</div></th> 
            <th><div columnindex="8" class="gridCell_standard">订单状态</div></th> 
        </thead> 
    </table> 
    </td> 
    </tr> 
     
    <tbody> 
    <tr class="odd"> 
    <td colspan="9"> 
    <div id="order_GridBody" class="bodyContainer"> 
    <table cellpadding="0" class="display-tb2" style="margin-top: 0px;" cellspacing="0" border="0"> 
    <tbody id="order_GridBody_Cells"> 
    <tr class="even"> 
    <td width="30px" class="select-cell"> 
         <div class="gridCell_narrow"><input type="checkbox" name="id" value="2"></div>
</td> 
    <td class="odd_even"><div class="gridCell_standard">DJPH001</div></td> 
    <td class="odd_even"><div class="gridCell_standard">2005-02-02</div></td> 
    <td class="odd_even"><div class="gridCell_standard">19</div></td> 
    <td class="odd_even"><div class="gridCell_standard">直销</div></td> 
    <td class="odd_even"><div class="gridCell_standard">KIS</div></td> 
    <td class="odd_even"><div class="gridCell_standard">5</div></td> 
    <td class="odd_even"><div class="gridCell_standard">12.0000</div></td> 
    <td class="odd_even"><div class="gridCell_standard">已取消</div></td>
</tr> 
    <tr class="even"> 
    <td width="30px" class="select-cell"> 
           <div class="gridCell_narrow"><input type="checkbox" name="id" value="3"></div> </td> 
    <td class="odd_even"><div class="gridCell_standard">DJPH001</div></td> 
    <td class="odd_even"><div class="gridCell_standard">2005-02-02</div></td> 
    <td class="odd_even"><div class="gridCell_standard">19</div></td> 
    <td class="odd_even"><div class="gridCell_standard">购销</div></td> 
    <td class="odd_even"><div class="gridCell_standard">KIS</div></td> 
    <td class="odd_even"><div class="gridCell_standard">5</div></td> 
    <td class="odd_even"><div class="gridCell_standard">21.0000</div></td> 
    <td class="odd_even"><div class="gridCell_standard"> </div></td>
</tr> 
    <tr class="odd"> 
    <td width="30px" class="select-cell"> 
          <div class="gridCell_narrow"><input type="checkbox" name="id" value="4"></div> </td> 
    <td class="odd_even"><div class="gridCell_standard">DJPH889</div></td> 
    <td class="odd_even"><div class="gridCell_standard">2005-02-02</div></td> 
    <td class="odd_even"><div class="gridCell_standard">0</div></td> 
    <td class="odd_even"><div class="gridCell_standard">购销</div></td> 
    <td class="odd_even"><div class="gridCell_standard">KIS</div></td> 
    <td class="odd_even"><div class="gridCell_standard">5</div></td> 
    <td class="odd_even"><div class="gridCell_standard">21.0000</div></td> 
    <td class="odd_even"><div class="gridCell_standard">已取消</div></td>
</tr> 
    <tr class="even"> 
    <td width="30px" class="select-cell"> 
          <div class="gridCell_narrow"><input type="checkbox" name="id" value="5"></div> </td> 
    <td class="odd_even"><div class="gridCell_standard">DJPH889</div></td> 
    <td class="odd_even"><div class="gridCell_standard">2005-02-02</div></td> 
    <td class="odd_even"><div class="gridCell_standard">0</div></td> 
    <td class="odd_even"><div class="gridCell_standard">直销</div></td> 
    <td class="odd_even"><div class="gridCell_standard">KIS</div></td> 
    <td class="odd_even"><div class="gridCell_standard">5</div></td> 
    <td class="odd_even"><div class="gridCell_standard">1.0000</div></td> 
    <td class="odd_even"><div class="gridCell_standard"> </div></td>
</tr> 
    <tr class="odd"> 
    <td width="30px" class="select-cell"> 
          <div class="gridCell_narrow"><input type="checkbox" name="id" value="6"></div> </td> 
    <td class="odd_even"><div class="gridCell_standard">tytutyjh465456</div></td> 
    <td class="odd_even"><div class="gridCell_standard">2005-02-02</div></td> 
    <td class="odd_even"><div class="gridCell_standard">0</div></td> 
    <td class="odd_even"><div class="gridCell_standard">购销</div></td> 
    <td class="odd_even"><div class="gridCell_standard">KIS</div></td> 
    <td class="odd_even"><div class="gridCell_standard">0</div></td> 
    <td class="odd_even"><div class="gridCell_standard">21.0000</div></td> 
    <td class="odd_even"><div class="gridCell_standard">生产部已审核</div></td>
</tr> 
    <tr class="even"> 
    <td width="30px" class="select-cell"> 
          <div class="gridCell_narrow"><input type="checkbox" name="id" value="7"></div> </td> 
    <td class="odd_even"><div class="gridCell_standard">KDSZ2005050698</div></td> 
    <td class="odd_even"><div class="gridCell_standard">2005-05-05</div></td> 
    <td class="odd_even"><div class="gridCell_standard">-1</div></td> 
    <td class="odd_even"><div class="gridCell_standard">分销</div></td> 
    <td class="odd_even"><div class="gridCell_standard">KIS</div></td> 
    <td class="odd_even"><div class="gridCell_standard">10.2</div></td> 
    <td class="odd_even"><div class="gridCell_standard">21.0000</div></td> 
    <td class="odd_even"><div class="gridCell_standard">生产部已审核</div></td>
</tr> 
    <tr class="odd"> 
    <td width="30px" class="select-cell"> 
          <div class="gridCell_narrow"><input type="checkbox" name="id" value="8"></div> </td> 
    <td class="odd_even"><div class="gridCell_standard">KDSZ2005050698</div></td> 
    <td class="odd_even"><div class="gridCell_standard">2005-05-05</div></td> 
    <td class="odd_even"><div class="gridCell_standard">-1</div></td> 
    <td class="odd_even"><div class="gridCell_standard">分销</div></td> 
    <td class="odd_even"><div class="gridCell_standard">KIS</div></td> 
    <td class="odd_even"><div class="gridCell_standard">10.2</div></td> 
    <td class="odd_even"><div class="gridCell_standard">12.0000</div></td> 
    <td class="odd_even"><div class="gridCell_standard">总代已审核</div></td>
</tr> 
    <tr class="even"> 
    <td width="30px" class="select-cell"> 
          <div class="gridCell_narrow"><input type="checkbox" name="id" value="9"></div> </td> 
    <td class="odd_even"><div class="gridCell_standard">KDSZ2005050698</div></td> 
    <td class="odd_even"><div class="gridCell_standard">2005-05-05</div></td> 
    <td class="odd_even"><div class="gridCell_standard">-1</div></td> 
    <td class="odd_even"><div class="gridCell_standard">分销</div></td> 
    <td class="odd_even"><div class="gridCell_standard">KIS</div></td> 
    <td class="odd_even"><div class="gridCell_standard">10.2</div></td> 
    <td class="odd_even"><div class="gridCell_standard">32.0000</div></td> 
    <td class="odd_even"><div class="gridCell_standard">已取消</div></td>
</tr> 
    <tr class="odd"> 
    <td width="30px" class="select-cell"> 
         <div class="gridCell_narrow"><input type="checkbox" name="id" value="10"></div> </td> 
    <td class="odd_even"><div class="gridCell_standard">KDSZ2005050698</div></td> 
    <td class="odd_even"><div class="gridCell_standard">2005-05-05</div></td> 
    <td class="odd_even"><div class="gridCell_standard">-1</div></td> 
    <td class="odd_even"><div class="gridCell_standard">分销</div></td> 
    <td class="odd_even"><div class="gridCell_standard">KIS</div></td> 
    <td class="odd_even"><div class="gridCell_standard">10.2</div></td> 
    <td class="odd_even"><div class="gridCell_standard">12.0000</div></td> 
    <td class="odd_even"><div class="gridCell_standard"> </div></td>
</tr> 
    <tr class="even"> 
    <td width="30px" class="select-cell"> 
          <div class="gridCell_narrow"><input type="checkbox" name="id" value="11"></div> </td> 
    <td class="odd_even"><div class="gridCell_standard">KDSZ2005050698</div></td> 
    <td class="odd_even"><div class="gridCell_standard">2005-05-05</div></td> 
    <td class="odd_even"><div class="gridCell_standard">-1</div></td> 
    <td class="odd_even"><div class="gridCell_standard">分销</div></td> 
    <td class="odd_even"><div class="gridCell_standard">KIS</div></td> 
    <td class="odd_even"><div class="gridCell_standard">10.2</div></td> 
    <td class="odd_even"><div class="gridCell_standard">12.0000</div></td> 
    <td class="odd_even"><div class="gridCell_standard"> </div></td>
</tr> 
    <tr class="odd"> 
    <td width="30px" class="select-cell"> 
          <div class="gridCell_narrow"><input type="checkbox" name="id" value="12"></div> </td> 
    <td class="odd_even"><div class="gridCell_standard">KDSZ2005050698</div></td> 
    <td class="odd_even"><div class="gridCell_standard">2005-05-05</div></td> 
    <td class="odd_even"><div class="gridCell_standard">-1</div></td> 
    <td class="odd_even"><div class="gridCell_standard">分销</div></td> 
    <td class="odd_even"><div class="gridCell_standard">KIS</div></td> 
    <td class="odd_even"><div class="gridCell_standard">10.2</div></td> 
    <td class="odd_even"><div class="gridCell_standard">12.0000</div></td> 
    <td class="odd_even"><div class="gridCell_standard">已取消</div></td>
</tr> 
    <tr class="even"> 
    <td width="30px" class="select-cell"> 
          <div class="gridCell_narrow"><input type="checkbox" name="id" value="13"></div> </td> 
    <td class="odd_even"><div class="gridCell_standard">KDSZ2005050698</div></td> 
    <td class="odd_even"><div class="gridCell_standard">2005-05-05</div></td> 
    <td class="odd_even"><div class="gridCell_standard">-1</div></td> 
    <td class="odd_even"><div class="gridCell_standard">分销</div></td> 
    <td class="odd_even"><div class="gridCell_standard">KIS</div></td> 
    <td class="odd_even"><div class="gridCell_standard">10.2</div></td> 
    <td class="odd_even"><div class="gridCell_standard">12.0000</div></td> 
    <td class="odd_even"><div class="gridCell_standard">已取消</div></td>
</tr> 
    <tr class="odd"> 
    <td width="30px" class="select-cell"> 
          <div class="gridCell_narrow"><input type="checkbox" name="id" value="14"></div> </td> 
    <td class="odd_even"><div class="gridCell_standard">KDSZ2005050698</div></td> 
    <td class="odd_even"><div class="gridCell_standard">2005-05-05</div></td> 
    <td class="odd_even"><div class="gridCell_standard">-1</div></td> 
    <td class="odd_even"><div class="gridCell_standard">分销</div></td> 
    <td class="odd_even"><div class="gridCell_standard">KIS</div></td> 
    <td class="odd_even"><div class="gridCell_standard">10.2</div></td> 
    <td class="odd_even"><div class="gridCell_standard">12.0000</div></td> 
    <td class="odd_even"><div class="gridCell_standard">已取消</div></td>
</tr> 
    <tr class="even"> 
    <td width="30px" class="select-cell"> 
          <div class="gridCell_narrow"><input type="checkbox" name="id" value="15"></div> </td> 
    <td class="odd_even"><div class="gridCell_standard">KDSZ2005050698</div></td> 
    <td class="odd_even"><div class="gridCell_standard">2005-05-05</div></td> 
    <td class="odd_even"><div class="gridCell_standard">-1</div></td> 
    <td class="odd_even"><div class="gridCell_standard">分销</div></td> 
    <td class="odd_even"><div class="gridCell_standard">KIS</div></td> 
    <td class="odd_even"><div class="gridCell_standard">10.2</div></td> 
    <td class="odd_even"><div class="gridCell_standard">21.0000</div></td> 
    <td class="odd_even"><div class="gridCell_standard">已取消</div></td>
</tr> 
    <tr class="odd"> 
    <td width="30px" class="select-cell"> 
          <div class="gridCell_narrow"><input type="checkbox" name="id" value="16"></div> </td> 
    <td class="odd_even"><div class="gridCell_standard">KDSZ2005050698</div></td> 
    <td class="odd_even"><div class="gridCell_standard">2005-05-05</div></td> 
    <td class="odd_even"><div class="gridCell_standard">-1</div></td> 
    <td class="odd_even"><div class="gridCell_standard">分销</div></td> 
    <td class="odd_even"><div class="gridCell_standard">KIS</div></td> 
    <td class="odd_even"><div class="gridCell_standard">10.2</div></td> 
    <td class="odd_even"><div class="gridCell_standard">12.0000</div></td> 
    <td class="odd_even"><div class="gridCell_standard">已取消</div></td>
</tr> 
     
    </tbody> 
    </table> 
    </div> 
    </td> 
    </tr> 
    </tbody> 
    </table> 
    <div style="height:15px"></div> 
</div>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

Déclaration de ce site Web

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Outils d'IA chauds

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Dissolvant de vêtements AI

AI Hentai Generator

Générez AI Hentai gratuitement.

Afficher plus

Article chaud

R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)

1 Il y a quelques mois By 尊渡假赌尊渡假赌尊渡假赌

R.E.P.O. Meilleurs paramètres graphiques

1 Il y a quelques mois By 尊渡假赌尊渡假赌尊渡假赌

Assassin's Creed Shadows: Solution d'énigmes de coquille

2 Il y a quelques semaines By DDD

R.E.P.O. Comment réparer l'audio si vous n'entendez personne

1 Il y a quelques mois By 尊渡假赌尊渡假赌尊渡假赌

R.E.P.O. Commandes de chat et comment les utiliser

1 Il y a quelques mois By 尊渡假赌尊渡假赌尊渡假赌

Afficher plus

Outils chauds

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Afficher plus

Sujets chauds

Où se trouve l'entrée de connexion pour la messagerie Gmail ?

7532

Tutoriel CakePHP

1379

Quel est le format du nom de compte de Steam

Clé d&amp;amp;amp;amp;amp;amp;#39;activation Win11 permanent

NYT Connexions Indices et réponses

Afficher plus

Related knowledge

Les utilisateurs rencontrent de rares problèmes : les montres intelligentes Samsung Watch rencontrent soudainement des problèmes d'écran blanc Apr 03, 2024 am 08:13 AM

Vous avez peut-être rencontré le problème des lignes vertes apparaissant sur l'écran de votre smartphone. Même si vous ne l'avez jamais vu, vous avez sûrement vu des images associées sur Internet. Alors, avez-vous déjà rencontré une situation où l’écran de la montre intelligente devient blanc ? Le 2 avril, CNMO a appris par des médias étrangers qu'un utilisateur de Reddit avait partagé une photo sur la plateforme sociale, montrant l'écran des montres intelligentes de la série Samsung Watch devenant blanc. L'utilisateur a écrit : « J'étais en train de charger quand je suis parti, et quand je suis revenu, c'était comme ça. J'ai essayé de redémarrer, mais l'écran était toujours comme ça pendant le processus de redémarrage. L'écran de la montre intelligente Samsung Watch est devenu blanc. L'utilisateur de Reddit n'a pas précisé le modèle spécifique de la montre intelligente. Cependant, à en juger par l’image, il devrait s’agir de la Samsung Watch5. Auparavant, un autre utilisateur de Reddit avait également signalé

Étapes pour ajuster le format des images insérées dans les tableaux PPT Mar 26, 2024 pm 04:16 PM

1. Créez un nouveau fichier PPT et nommez-le [Conseils PPT] à titre d'exemple. 2. Double-cliquez sur [Conseils PPT] pour ouvrir le fichier PPT. 3. Insérez un tableau avec deux lignes et deux colonnes à titre d'exemple. 4. Double-cliquez sur la bordure du tableau et l'option [Conception] apparaîtra dans la barre d'outils supérieure. 5. Cliquez sur l'option [Ombrage] et cliquez sur [Image]. 6. Cliquez sur [Image] pour faire apparaître la boîte de dialogue des options de remplissage avec l'image comme arrière-plan. 7. Recherchez le bac que vous souhaitez insérer dans le répertoire et cliquez sur OK pour insérer l'image. 8. Cliquez avec le bouton droit sur la zone de tableau pour afficher la boîte de dialogue des paramètres. 9. Cliquez sur [Formater les cellules] et cochez [Carreler les images en ombrage]. 10. Définissez [Centre], [Miroir] et les autres fonctions dont vous avez besoin, puis cliquez sur OK. Remarque : Par défaut, les images doivent être remplies dans le tableau.

Comment faire un tableau pour les prévisions de ventes Mar 20, 2024 pm 03:06 PM

Être capable de créer habilement des formulaires n'est pas seulement une compétence nécessaire pour la comptabilité, les ressources humaines et la finance, mais est également très importante pour de nombreux vendeurs. Parce que les données liées aux ventes sont très volumineuses et complexes, et qu’elles ne peuvent pas être simplement enregistrées dans un document pour expliquer le problème. Afin de permettre à davantage de vendeurs de maîtriser l'utilisation d'Excel pour créer des tableaux, l'éditeur présentera les numéros de création de tableaux sur les prévisions de ventes. Les amis dans le besoin ne devraient pas le manquer ! 1. Ouvrez [Sales Forecast and Target Setting], xlsm, pour analyser les données stockées dans chaque table. 2. Créez une nouvelle [Feuille de travail vierge], sélectionnez [Cellule] et saisissez les [Informations sur l'étiquette]. [Faites glisser] vers le bas et [remplissez] le mois. Saisissez les données [Autres] et cliquez sur [

Comment définir la valeur WPS pour changer automatiquement la couleur en fonction des conditions_Étapes pour définir la valeur du tableau WPS pour changer automatiquement la couleur en fonction des conditions Mar 27, 2024 pm 07:30 PM

1. Ouvrez la feuille de calcul et recherchez le bouton [Démarrer]-[Formatage conditionnel]. 2. Cliquez sur Sélection de colonne et sélectionnez la colonne à laquelle la mise en forme conditionnelle sera ajoutée. 3. Cliquez sur le bouton [Formatage conditionnel] pour afficher le menu d'options. 4. Sélectionnez [Mettre en surbrillance les règles conditionnelles]-[Entre]. 5. Remplissez les règles : 20, 24, texte vert foncé avec une couleur de remplissage sombre. 6. Après confirmation, les données de la colonne sélectionnée seront colorées avec les chiffres, le texte et les zones de cellules correspondants en fonction des paramètres. 7. Des règles conditionnelles sans conflits peuvent être ajoutées à plusieurs reprises, mais pour les règles conflictuelles, WPS remplacera les règles conditionnelles précédemment établies par la dernière règle ajoutée. 8. Ajoutez à plusieurs reprises les colonnes de cellules après les règles [Entre] 20 à 24 et [Moins de] 20. 9. Si vous devez modifier les règles, vous pouvez simplement les effacer, puis les réinitialiser.

Examen du radiateur Kyushu Fengshen Assassin 4S Style 'Assassin Master' refroidi par air Mar 28, 2024 am 11:11 AM

En parlant d'ASSASSIN, je pense que les joueurs penseront certainement aux maîtres assassins d'"Assassin's Creed". Ils sont non seulement talentueux, mais ont aussi le credo de "se consacrer aux ténèbres et au service de la lumière". châssis/alimentation/refroidissement domestiques bien connus La série ASSASSIN de radiateurs refroidis par air phares de la marque d'appareils DeepCool coïncide les uns avec les autres. Récemment, le dernier produit de cette série, ASSASSIN4S, a été lancé "Assassin in Suit, Advanced" et apporte une nouvelle expérience de refroidissement par air aux joueurs avancés. L'apparence est pleine de détails. Le radiateur Assassin 4S adopte une structure à double tour + un seul ventilateur intégré. L'extérieur est recouvert d'un carénage en forme de cube, qui a un fort sens général. Couleurs pour répondre à différentes couleurs.

Savez-vous comment résumer un tableau Word ? Mar 21, 2024 pm 01:10 PM

Parfois, nous rencontrons souvent des problèmes de comptage dans les tableaux Word. Généralement, lorsqu'ils rencontrent de tels problèmes, la plupart des étudiants copient le tableau Word dans Excel pour le calcul ; certains étudiants prennent silencieusement la calculatrice. Existe-t-il un moyen rapide de le calculer ? Bien sûr, la somme peut également être calculée dans Word. Alors, savez-vous comment faire ? Aujourd’hui, jetons un coup d’œil ensemble ! Sans plus attendre, les amis dans le besoin devraient rapidement le récupérer ! Détails de l'étape : 1. Tout d'abord, nous ouvrons le logiciel Word sur l'ordinateur et ouvrons le document qui doit être traité. (Comme le montre l'image) 2. Ensuite, nous plaçons le curseur sur la cellule où se trouve la valeur additionnée (comme le montre l'image), puis nous cliquons sur [Barre de menu) ;

Art exquis de la lumière et de l'ombre au printemps, Haqu H2 est le choix rentable Apr 17, 2024 pm 05:07 PM

Avec l’arrivée du printemps, tout renaît et tout est plein de vitalité et de vitalité. En cette belle saison, comment ajouter une touche de couleur à votre intérieur ? Le projecteur Haqu H2, avec son design exquis et son excellent rapport coût-efficacité, est devenu une beauté indispensable ce printemps. Ce projecteur H2 est compact mais élégant. Qu'il soit placé sur le meuble TV du salon ou à côté de la table de chevet dans la chambre, il peut devenir un magnifique paysage. Son corps est fait d'une texture mate blanc laiteux. Cette conception donne non seulement au projecteur un aspect plus avancé, mais augmente également le confort du toucher. Le matériau texturé en cuir beige ajoute une touche de chaleur et d'élégance à l'apparence générale. Cette combinaison de couleurs et de matériaux est non seulement conforme à la tendance esthétique des maisons modernes, mais peut également être intégrée dans

Test de l'alimentation à module complet Huntkey MX750P : 750 W de puissance concentrée en platine Mar 28, 2024 pm 03:20 PM

Grâce à sa taille compacte, la plate-forme ITX a attiré de nombreux acteurs à la recherche d'une beauté ultime et unique. Grâce à l'amélioration des processus de fabrication et aux progrès technologiques, les cartes graphiques Intel Core de 14e génération et les séries RTX40 peuvent exercer leur force sur la plate-forme ITX. les joueurs ont également des exigences plus élevées en matière d'alimentation SFX. Huntkey, passionné de jeux, a lancé une nouvelle alimentation de la série MX dans la plate-forme ITX qui répond aux exigences de haute performance, l'alimentation à module complet MX750P a une puissance nominale allant jusqu'à 750 W et a passé la certification de niveau platine 80PLUS. Ci-dessous, nous apportons l’évaluation de cette alimentation. L'alimentation à module complet Huntkey MX750P adopte un concept de design simple et à la mode. Il existe deux modèles en noir et blanc parmi lesquels les joueurs peuvent choisir. Les deux utilisent un traitement de surface mat et ont une bonne texture avec des polices gris argenté et rouge.

See all articles