• Table Tags


    The basic grammar of tables < Table >… < / Table > – define table< tr > – define table rows< th > – define header<td>- define table elements (table specific data) Table with border: Copy code The code is as follows: <table border><tr><th>Food</th><th>Drink</th><th>Sweet</th><tr><td>A</td><td>B</td><td>C</td> </table> Food Drink Sweet A B C Table without border: Copy […]

  • Detailed explanation of HTML5 div layout and table layout


    This paper analyzes the layout of HTML5 div and table for your reference Div layout:HTML + CSS to achieve simple layout. #Height in container cannot be written as a percentage. It must be a specific height. <!DOCTYPE html> <html> <head lang=”en”> <meta charset=”UTF-8″> < title > div layout <style type=”text/css”> body{ margin:0; padding:0; } #container{ […]

  • Table related collation and JavaScript operation table, TR, TD


    Good table property settings: Copy code The code is as follows: <table cellSpacing=”0″ cellPadding=”0″ border=’1′ bordercolor=”black” style=’border-collapse:collapse;table-layout: fixed’></table> Many people have this experience: when there is no content or visible element in a TD, the border of TD will disappear. The solution is to add a style border to the table- collapse:collapseGeneral text truncation (for […]

  • Table usage of HTML


    We know whether to add code directly to the template when Netease blog can use HTML, but the effect is not very good. That’s because there’s no good arrangement of the code. Now I’m going to talk about using table to arrange the special effects. In HTML syntax, table is an indispensable part. Without a […]

  • In Vue, the element UI table merges the upper and lower rows of the same data cells


    html : <el-table :header-cell-style=”{background:’#6d7f93′,color:’white’}” :data=”ptableDate” align=”center” border v-loading=”loading” :height=”tableHeight” :span-method=”objectOneMethod” > <el-table-column align=”center” show-overflow-tooltip prop=”projName” ></el-table-column> <el-table-column align=”center” show-overflow-tooltip prop=”dirtySection” ></el-table-column> <el-table-column align=”center” show-overflow-tooltip prop=”towerNumber” ></el-table-column> <el-table-column align=”center” show-overflow-tooltip prop=”inclination” ></el-table-column> </el-table> method objectOneMethod({ row, column, rowIndex, columnIndex }) { if (columnIndex === 0) { const _row = this.setTable(this.ptableDate).one[rowIndex]; const _col = _row > 0 […]

  • HTML fixed title column, title header table specific implementation code


    Copy code The code is as follows: <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> <html xmlns=”http://www.w3.org/1999/xhtml”> <head> <meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″ /> < title > fixed title column, title header table < / Title ><style> table{border-collapse:collapse;border-spacing:0px; width:100%; border:#000 solid 0px;} table td{border:1px solid #000;height:25px; text-align:center; border-left:0px;} table th{ background:#edd3d4; color:#a10333; border:#000 solid 1px; white-space:nowrap; […]

  • IOS adds 3D touch function to table view


    In this paper, through examples to teach you how to add 3D touch function in table view and detailed writing, follow the test. Peek & pop is a very practical hardware related feature in iPhone, which can not only improve the operation efficiency, but also have clear visual expression. Peek & pop is a combination […]

  • Example introduction of sorting function by clicking header in table


    <a href=”j avascript:setOrder (); “> header name < / a >, in the page, the name of the header that was last clicked is compared with that of the header of this click. If the two are the same, they will be arranged in the opposite order; otherwise, the new column will be sorted in […]

  • Summary of common SQL statements


    1、 Basic SQL statement 1. Create database:Create DataBase  dbName; 2. Delete database:Drop  DataBase  dbName; 3. Create a new table:Create  Table tabName(col1  type1  [not null]  [primary key] ,col2  type2  [not null ], ……..); There are two ways to create a new table based on the existing table: A: create table tab_ new  like tab-old;                  B:Create Table […]

  • Solve the mixed sorting problem of numbers, letters and Chinese in table in Vue elementui


    1. Usage scenarios When using table in elementui, sort fields such as Chinese name with numbers and letters For example: number (0 – > 9) – > capital letter (a – > z) – > lowercase letter (a – > z) – > Chinese Pinyin (a – > z) 2. Code analysis <el-table ref=”multipleTable” border […]

  • The difference between cellpadding and cellpadding in table


    What is table? It is composed of cell cells. In the table, the number of < td > depends on the number of cells wrapped in < tr > in each row! In addition, the default table does not add CSS style < style type = “text / CSS” > table, TR, TD, th{ border:1px […]

  • HTML page adaptive width table


    Web application page, the form of the table is often encountered, in the premise of the limited number of columns, how to adapt the content of each column to the screen with different resolutions should be a relatively easy problem. Let’s talk about my solutions and views on this kind of problem. Setting all columns […]