قالب وردپرس درنا توس
Home / Tips and Tricks / Creating a striped table in Microsoft Word

Creating a striped table in Microsoft Word



  word logo

Tables can be difficult to read. Adding shaded bands to a table improves readability and makes them look really better. So you can add striping to your Excel spreadsheets.

Inserting a Table in Word

First, you must add a table. Switch to the "Insert" tab and click on the "Table" button.

  Inserting Tables in Word

Use the drop-down menu to create your own table or to use one of Microsoft's built-in tables. Hover your mouse over "Quick Tables" to find these built-in tables. Another menu is displayed. Here you can select the desired table – calendars, tabular lists, subheadings, etc.

  Quick Table Selection

If the desired table style is not included in the built-in list, there are several options to build yourself. One of the quicker ways, assuming you only need a 10 × 8 table or a smaller table, is to use Word's spreadsheet program.

Hover over the number of columns and rows you want in the Table menu. For example, if you want a table with four columns and five rows, it looks like this:

 Inserting a Quick Table Grid

If you need something bigger, first click on the "Insert Table" option. . ".

 Select the Insert Table option "width =" 199 "height =" 304 "src =" /pagespeed_static/1.JiBnMqyl6S.gif "onload =" pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon (this); "onerror =" this.onerror = null; pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon (this);

In the Insert Table window, you can create a table with up to 63 columns and 32,767 rows. In addition, you can change the behavior of the auto-adjustment and save your settings for future tables. Enter your table specifications, select your automatic adjustment settings, and then click OK. This example creates a 4×15 spreadsheet.

<img class = "alignnone size-full wp-image-397973" data-pagespeed-lazy-src = "https://www.howtogeek.com/wp-content/uploads/2018/12/xcustomize-table -size-1.png.pagespeed.gp + jp + jw + pj + ws + js + rj + rp + rw + ri + cp + md.ic.VICuGqhppg.png "alt =" Adjust table size "width = "247" height = "276" src = "/pagespeed_static/1.JiBnMqyl6S.gif" onload = "pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon (this);" onerror = "this.onerror = null; pagespeed.lazyLoadImages.loadIfVisibleAndMaybeLoadImages Shading [19659004Let'splayaroundwithourtableforabitLet'sfirstremovesomeoftheedgesstartingwiththetoprow

In our top row, we'll remove the left, right, and top edges as we leave the bottom edge. To do this, select the entire top row: On the Design tab, click Borders.

 Frame options "width =" 253 "height =" 107 "src =" /pagespeed_static / 1.JiBnMq yl6S.gif "onload =" pagespeed.lazyLoadImages. loadIfVisibleAndMaybeBeacon (this); "onerror =" this.onerror = null; pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon (this);

In the menu that appears, deselect the Top, Left, Right, and Inside options 9659.  Remove Frame 1 "width =" 175 "height =" 291 "src = "/ pagespeed_static / 1.JiBnMqyl6S.gif" onload = "pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon (this);" onerror = "this.onerror = null; pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon (this);

Mark as Next all but the first and second lines in the first column, return to the framing menu and uncheck the options "Bottom", "Top", "Left" and "Inside".

 Remove frame 2 " width = "174" height = "268" src = "/pagespeed_static/1.JiBnMqyl6S.gif" onload = "pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon (this);" on error = "this.onerror = null; pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon (this);

Finally, in the first column, highlight the field in the second row, sweep Return to the framing menu and uncheck the Left Frame option.

 Remove frame 3 "width =" 172 "height =" 147 "src =" /pagespeed_static/1.JiBnMqyl6S.gif "onload =" pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon (this); "onerror =" this .onerror = null; pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon (this);

Now we should have a table that looks like this:

<img class = "alignnone size-full wp-image-397994" data-pagespeed-lazy-src = "https: // www. howtogeek.com/wp-content/uploads/2018/12/xtable-after-borders-removed-1.png.pagespeed.gp+jp+jw+pj+ws+js+rj+rp+rw+ri+cp+ md.ic.r2AHxf2a1O.png "alt =" table after frames removed "width =" 572 "height =" 292 "src =" /pagespeed_static/1.JiBnMqyl6S.gif "onload =" pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon (this); "onerror =" this.onerror = null; pagespeed965lazyLoadImages.loadIfVisibleA [ ] Let's improve legibility by adding stripes to our spreadsheet, highlight the second row of your spreadsheet, and on the Design tab, choose "" Shading "

 Shading options" width = "321" height = "142" src = "/pagespeed_static/1.JiBnMqyl6S.gif" onload = "pagespeed.lazyLoadImages. LoadIfVisibleAndMaybeBeacon (this);" onerror = "this.error = zero; pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon (this);

Select the color you want to use for the highlighted row. We choose the brightest shade of blue.

 Theme Colors "width =" 168 "height =" 200 "src =" /pagespeed_static/1.JiBnMqyl6S.gif "onload =" pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon (this); "onerror =" this.onerror = null; pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon (this);

As you can see, the second line is light blue. Continue and repeat for each straight row. Once you do this, your table looks like this:

 Finished table "width =" 580 "height =" 293 "src =" /pagespeed_static/1.JiBnMqyl6S.gif "onload =" pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon (this); "onerror =" this.onerror = null; pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon (this);

Now we have a custom table with striped rows. You can do a lot with this feature. So play with it and put together the best possible table!


Source link