Best JavaScript code snippet using wpt
app.js
Source:app.js
1import React, { Component } from 'react';2import range from 'lodash/range';3import {4 FormCheck,5 Col, DropdownButton, Container, DropdownItem, Card, Row,6 Table7} from 'react-bootstrap';8import Timeline from './timeline';9import './css/app.css';10import RealTimeClock from './real_time_clock';11import GameTimeClock from './game_time_clock';12import {dateToShichenDetail, dateToShichenId, getShichenName} from '../utils/shichen';13import moment from 'moment';14import RadioGroup from './RadioGroup';15import ChangyanComment from '../../changyan/changyan_comment';16import {Helmet} from 'react-helmet';17import TextAd from "../../_commons/ad/components/text_ad";18import BannerAd from "../../_commons/ad/components/banner_ad";19class CalendarApp extends Component {20 constructor(props) {21 super(props);22 this.state = {23 realTime: new Date(),24 // realTime: this.getTimezoneDate(),25 gameTime: dateToShichenDetail(new Date()),26 // gameTime: dateToShichenDetail(this.getTimezoneDate()),27 timezoneSign: 1,28 timezoneValue: 8,29 showSecondHand: true,30 useTransition: true31 };32 }33 componentDidMount() {34 // æ´æ°æ¶é´35 this.interval = setInterval(() => {36 this.setState({37 // realTime: new Date(),38 realTime: this.getTimezoneDate(),39 // gameTime: dateToShichenDetail(new Date())40 gameTime: dateToShichenDetail(this.getTimezoneDate())41 });42 }, 250);43 }44 componentWillUnmount() {45 clearInterval(this.interval);46 }47 getTimezoneDate() {48 let date = new Date();49 let offset = this.state.timezoneSign * this.state.timezoneValue;50 const oneHour = 1000 * 60 * 60;51 let utc = date.getTime() - offset * oneHour;52 return new Date(utc + oneHour * 8);53 }54 render() {55 return (56 <div styleName='container'>57 <Helmet defer={false}>58 <meta charSet="utf-8" />59 <title>天ååå¶æ¶è¾°æ¨¡æé¢æµï¼å¤©æ¶¯æ¶å» | 段段天å综åå©æ</title>60 <meta name="keywords" content="天涯æ¶å»,天åæ¶é´,天åç°å®æ¶é´å¯¹ç
§è¡¨" />61 <meta name="description" content="æ¬å·¥å
·å
å«ç°å®æ¶é´ã天涯æ¶å»å¯¹ç
§ç模ææ¶éï¼åæªæ¥æ¶é´åå¶é¢æµæ¶é´è½´.æ¶é´ç²¾ç¡®å°ç§ï¼æ¹ä¾¿æ士ä¹ä¼¶ç»ç»ã建æ¿æ±é£æ°´çéæ±ã" />62 <meta name="viewport" content="width=device-width"/>63 </Helmet>64 <TextAd />65 <Container>66 <Row>67 <Col md={12} lg={{ span: 10, offset: 1 }}>68 <Card>69 <Card.Header>天涯æ¶å»åå¶é¢æµç³»ç»</Card.Header>70 <Card.Body>71 <Row>72 <Col md={6}>73 <h3>ç°å®æ¶é´æ¨¡ææ¶é</h3>74 <RealTimeClock75 showSecondHand={this.state.showSecondHand}76 getBeijingDate={this.getTimezoneDate.bind(this)}77 useTransition={this.state.useTransition}78 />79 <h3> </h3>80 <h3>{moment(this.state.realTime).format('YYYY-MM-DD HH:mm:ss')}</h3>81 </Col>82 <Col md={6}>83 <h3>游ææ¶é´æ¨¡ææ¶é</h3>84 <GameTimeClock85 showSecondHand={this.state.showSecondHand}86 getBeijingDate={this.getTimezoneDate.bind(this)}87 useTransition={this.state.useTransition}88 />89 <h3>{getShichenName(dateToShichenId(this.state.realTime))}æ¶</h3>90 <h3>{moment(this.state.gameTime).format('YYYY-MM-DD HH:mm:ss')}</h3>91 </Col>92 </Row>93 <Timeline94 getBeijingDate={this.getTimezoneDate.bind(this)}95 />96 <hr />97 <h4>设置</h4>98 {/*æ¶åºæ§å¶*/}99 <div>100 <span>æ¶åºè®¾ç½®</span>{' '}101 <RadioGroup102 name='timezone-radio'103 onChange={(e) => this.setState({timezoneSign: e.target.value})}104 options={[105 ['1', '+'],106 ['-1', '-']107 ]}108 value={this.state.timezoneSign}109 />{' '}110 <DropdownButton111 variant='default'112 title={this.state.timezoneValue}113 id='timezone-dropdown'114 >115 {116 range(13).map((i) => (117 <DropdownItem118 eventKey={i}119 key={i}120 onSelect={(e) => this.setState({121 timezoneValue: e122 })}123 >{i}</DropdownItem>124 ))125 }126 </DropdownButton>{' '}127 <FormCheck128 type="checkbox"129 checked={this.state.showSecondHand}130 onChange={(e) => this.setState({131 showSecondHand: e.target.checked132 })}133 style={{display: 'inline-block'}}134 >135 æ¾ç¤ºç§éï¼å¡é¡¿æ¶å¯å
³éï¼136 </FormCheck>{' '}137 <FormCheck138 type="checkbox"139 checked={this.state.useTransition}140 onChange={(e) => this.setState({141 useTransition: e.target.checked142 })}143 style={{display: 'inline-block'}}144 >145 使ç¨å¨ç»ææï¼å¡é¡¿æ¶å¯å
³éï¼146 </FormCheck>147 </div>148 <hr />149 <h4>使ç¨å¸®å©</h4>150 <p>æ¬å·¥å
·ä¸æ¹åå«ä¸ºç°å®æ¶é´ã游ææ¶é´ä¸ºä¸»ç模ææ¶éï¼å»åº¦åçæ¯ä»¥æ¸¸æå
åäºæ¶è¾°ä¸ºåãéè¿æ¤å·¥å
·å¯æ¹ä¾¿å°å¾ç¥å½åæ¶é´ã</p>151 <p>ä¸æ¹æ¶é´è½´å·¥å
·å为åå¶é¢æµè½´å游ææ¶é´è½´ï¼é¼ æ åçå¯ä»¥æ¾ç¤ºå
·ä½çåå¶ä¿¡æ¯å游ææ¶è¾°ç精确å°ç§çå¼å§ä¸ç»ææ¶é´ã</p>152 </Card.Body>153 </Card>154 </Col>155 <Col md={12} lg={{ span: 10, offset: 1 }}>156 <Card variant='success'>157 <Card.Header>天å游æç°å®æ¶é´å¯¹ç
§è¡¨ï¼ç²¾ç¡®å°ç§ï¼</Card.Header>158 <Card.Body>159 <h4>说æ</h4>160 <hr styleName='header-hr' />161 <p>162 ç½ç»ä¸ç°åçå
¶ä»æ°æ®è¯¯å·®ä¸è¬å¨2~3åéä¹é´ï¼èæ°ä»¬å¨çå¾
书ç»æéæ¶è¾°æ¶å¾å¾å 误差ææè½æã段段ç 究ååç°äºå¤©åæ¶é´çç²¾åç®æ³ï¼163 ç论ä¸è¯¯å·®å¨1ç§ä»¥å
ï¼æ¸¸æå
å®é
æµè¯ææä¹å¾å¥½ãä¸é¢å¯¹ç®æ³è¿è¡è¯¦ç»è¯´æã164 </p>165 <p>166 天åå
çä¸å¤©æ¯4个å°æ¶ï¼è¿ä¸ç¹å¤§å®¶é½æ¯æ¸
æ¥çãäºå®ä¸ä¸å¤©ä¹çç¡®æ¯æ´æ´4个å°æ¶ï¼ä¸ç§ä¸å·®ï¼è¿æ ·ç°å®çä¸å¤©å¨æ¸¸æå
便对åº6个游ææ¥ã167 ä½æ¯åäºä¸ªæ¶è¾°çç°å®æ¶é¿ä¾¿åæä¸åäºãç½ç»ä¸çæ°æ®å¤æå°åæ¶ååæ¶é½æ 记为5åéï¼ä½äºå®ä¸åæ¶æ¯4å48ç§ï¼åæ¶æ¯7å12ç§ã168 åçå°±æ¯å°ä¸å¤©ç4个å°æ¶ï¼14400ç§ï¼çå为100份ï¼æ¯ä»½å³144ç§ãä»åæ¶èµ·åäºä¸ªæ¶è¾°åå«å¯¹åº[2, 3, 4, 10, 17, 10, 3, 6, 19, 14, 8, 4]份ã169 è¿æ ·çè¯åæ¶ä¸¤ä»½ä¸º288ç§ï¼å³æ»æ¶é¿4å48ç§ï¼å
¶ä»åçã170 </p>171 <p>172 æ ¹æ®æ¸¸æå
å®é
æµéçåæ¶å¼å§æ¶é´ï¼ç²¾ç¡®å°ç§ï¼ä¸º02ç¹04å48ç§ï¼ä¾¿å¯ä»¥æ¨ç®åºæ´å¤©çæ¶é´å¯¹åºè¡¨ãå¯ä»¥åç°ææ¶çå¼å§ç§æ°å¨36åç00ç§ã173 æ以ä¹è®¸å¤©åæ¶é´æ¯ä»ææ¥è¿ä¸å»çææ¶å¼å§ç®èµ·çã174 </p>175 <p>176 æ ¹æ®ä»¥ä¸ç®åçç®æ³ï¼ä¾¿å¯ä»¥æ¨æµåºå¦ä¸ç天涯ææå游æç°å®æ¶é´å¯¹ç
§è¡¨ï¼ç²¾ç¡®å°ç§ï¼ã177 </p>178 <h4>æ°æ®</h4>179 <hr styleName='header-hr' />180 <Table striped bordered size="sm" responsive hover>181 <thead>182 <tr>183 <th>æ¶è¾°</th>184 <th>游ææ¶é´</th>185 <th>ç°å®æ¶é¿</th>186 <th>ç°å®æ¶é´1</th>187 <th>ç°å®æ¶é´2</th>188 <th>ç°å®æ¶é´3</th>189 <th>ç°å®æ¶é´4</th>190 <th>ç°å®æ¶é´5</th>191 <th>ç°å®æ¶é´6</th>192 <th>æ¼å¤</th>193 </tr>194 </thead>195 <tbody>196 <tr><td>åæ¶</td><td>23:00:00~00:59:59</td><td>04å48ç§</td><td>02:04:48</td><td>06:04:48</td><td>10:04:48</td><td>14:04:48</td><td>18:04:48</td><td>22:04:48</td><td>é»å¤</td></tr>197 <tr><td>ä¸æ¶</td><td>01:00:00~02:59:59</td><td>07å12ç§</td><td>02:09:36</td><td>06:09:36</td><td>10:09:36</td><td>14:09:36</td><td>18:09:36</td><td>22:09:36</td><td>é»å¤</td></tr>198 <tr><td>å¯
æ¶</td><td>03:00:00~04:59:59</td><td>09å36ç§</td><td>02:16:48</td><td>06:16:48</td><td>10:16:48</td><td>14:16:48</td><td>18:16:48</td><td>22:16:48</td><td>é»å¤</td></tr>199 <tr><td>å¯æ¶</td><td>05:00:00~06:59:59</td><td>24å00ç§</td><td>02:26:24</td><td>06:26:24</td><td>10:26:24</td><td>14:26:24</td><td>19:26:24</td><td>23:26:24</td><td>æ¥åº</td></tr>200 <tr><td>è¾°æ¶</td><td>07:00:00~08:59:59</td><td>40å48ç§</td><td>02:50:24</td><td>06:50:24</td><td>10:50:24</td><td>14:50:24</td><td>19:50:24</td><td>23:50:24</td><td>ç½å¤©</td></tr>201 <tr><td>å·³æ¶</td><td>09:00:00~10:59:59</td><td>24å00ç§</td><td>03:31:12</td><td>07:31:12</td><td>11:31:12</td><td>15:31:12</td><td>19:31:12</td><td>23:31:12</td><td>ç½å¤©</td></tr>202 <tr><td>åæ¶</td><td>11:00:00~12:59:59</td><td>07å12ç§</td><td>03:55:12</td><td>07:55:12</td><td>11:55:12</td><td>15:55:12</td><td>19:55:12</td><td>23:55:12</td><td>ç½å¤©</td></tr>203 <tr><td>æªæ¶</td><td>13:00:00~14:59:59</td><td>14å24ç§</td><td>04:02:24</td><td>08:02:24</td><td>12:02:24</td><td>16:02:24</td><td>20:02:24</td><td>00:02:24</td><td>ç½å¤©</td></tr>204 <tr><td>ç³æ¶</td><td>15:00:00~16:59:59</td><td>45å36ç§</td><td>04:16:48</td><td>08:16:48</td><td>12:16:48</td><td>16:16:48</td><td>20:16:48</td><td>00:16:48</td><td>ç½å¤©</td></tr>205 <tr><td>é
æ¶</td><td>17:00:00~18:59:59</td><td>33å36ç§</td><td>05:02:24</td><td>09:02:24</td><td>13:02:24</td><td>17:02:24</td><td>21:02:24</td><td>01:02:24</td><td>æ¥è½</td></tr>206 <tr><td>ææ¶</td><td>19:00:00~20:59:59</td><td>19å12ç§</td><td>05:36:00</td><td>09:36:00</td><td>13:36:00</td><td>17:36:00</td><td>21:36:00</td><td>01:36:00</td><td>é»å¤</td></tr>207 <tr><td>亥æ¶</td><td>21:00:00~22:59:59</td><td>09å36ç§</td><td>05:55:12</td><td>09:55:12</td><td>13:55:12</td><td>17:55:12</td><td>21:55:12</td><td>01:55:12</td><td>é»å¤</td></tr>208 </tbody>209 </Table>210 </Card.Body>211 </Card>212 </Col>213 <Col md={12} lg={{ span: 10, offset: 1 }}>214 <Card>215 <Card.Header>天ååå¶é»å循ç¯è¡¨ï¼å¹é
移è±ææ°çæ¬ï¼</Card.Header>216 <Card.Body>217 <h4>说æ</h4>218 <hr styleName='header-hr' />219 <p>220 åå¶ç³»ç»æææ¯å¤§å®¶é½å欢å槽çä¸ä¸ªç³»ç»ï¼ææ¬æ±åºéãçæ¿åæ±å¥½é£æ°´ãæå®åºå¤§éçç§ç§ï¼æäºäººé¾å
æ³æ ¹æ®åå¶ç³»ç»æ¥å³å®åçä»»å¡ã221 è½ç¶æ³æ¥åç§æ¦çåºè¯¥ä¸åå¶ç³»ç»æ å
³ï¼ä½å¤§å®¶å¾å¾é½æèªå·±çä¸å¥è§å¾ï¼ç±»ä¼¼å¦å¤§å¶æå®åºå¥½è´§ççã222 </p>223 <p>224 段段éè¿ç 究客æ·ç«¯åç°ï¼225 天åçåå¶ç³»ç»ç®æ³å®é
ä¸æå
¶ç®åï¼å½ç¶åå¶è®¡ç®ä»
ä¸å½åæ¶é´æå
³ãæ¯æ¬¡åæ¶æ´æ°å½ä¸ªæ¸¸ææ¥çåå¶æ°æ®ï¼èæ°æ®å®é
ä¸å°±æ¯è½®æ¢ä¸å¼ å
æ¬226 360æ¡æ°æ®çåå¶å表ãå½åçæ¬ï¼éé¾æ¢ä¸çæ¬ï¼çåå¶ç³»ç»ææ¾ç»è¿è¿æ¹é ï¼ä¸ä¼ååºç°ä»¥å¾å¯è½æçæ¯æ¥å®åå¿ç¸åçæ
åµã227 </p>228 <p>229 åå¶è½®æ¢çä½ç§»çç»èè¿éå°±ä¸è¿å¤æè¿°ï¼ä»
ä»
æ³æ¥çåå¶çæåå¯ä»¥éè¿ä¸æ¹çæ°æ®å¯è§åé常轻æ¾å°çå°æªæ¥å æ¥ç详ç»åå¶ååã230 ä¸é¢çæ°æ®ç»åºçæ¯360æ¡åå¶è½®æ¢çåå§æ°æ®ï¼ä¹å°±æ¯è¯´60个ç°å®æ¥æ¯ä¸ä¸ªå¤§çåå¶å¾ªç¯é¿åº¦ã231 </p>232 <h4>æ°æ®</h4>233 <hr styleName='header-hr' />234 <div style={{height: '500px', overflowY: 'scroll'}}>235 <Table striped bordered size="sm" responsive hover>236 <thead>237 <tr>238 <th>id</th>239 <th>åå¶</th>240 <th>å®</th>241 <th>å¿</th>242 </tr>243 </thead>244 <tbody>245 <tr><td>1</td><td>大å</td><td>å® è¯¸äºçå®</td><td>å¿ ç¾æ ç¦å¿</td></tr>246 <tr><td>2</td><td>大å</td><td>å® è¯¸äºçå®</td><td>å¿ ç¾æ ç¦å¿</td></tr>247 <tr><td>3</td><td>大å</td><td>å® è¯¸äºçå®</td><td>å¿ ç¾æ ç¦å¿</td></tr>248 <tr><td>4</td><td>å</td><td>å® åºç« ç¥ç¦ æ²æµ´</td><td>å¿ ææ</td></tr>249 <tr><td>5</td><td>å°å</td><td>å® çº³å©¿ ç¼ç</td><td>å¿ æ²æµ´</td></tr>250 <tr><td>6</td><td>å</td><td>å® å¡ç» å ç¬</td><td>å¿ ç«æ±</td></tr>251 <tr><td>7</td><td>å°å¶</td><td>å® ç¼ç</td><td>å¿ çº³å©¿ ä¸æ¢</td></tr>252 <tr><td>8</td><td>大å</td><td>å® è¯¸äºçå®</td><td>å¿ ç¾æ ç¦å¿</td></tr>253 <tr><td>9</td><td>æ«å¶</td><td>å® èµ·åº</td><td>å¿ è§£é¤ ç«æ±</td></tr>254 <tr><td>10</td><td>ä¸å</td><td>å® å
¥å®
é
é
¿ é åº è§é»</td><td>å¿ ææ</td></tr>255 <tr><td>11</td><td>æ«å¶</td><td>å® ç¼ç</td><td>å¿ çº³å©¿ ä¸æ¢</td></tr>256 <tr><td>12</td><td>æ«å¶</td><td>å® å¼æ±ç¼</td><td>å¿ çº³é</td></tr>257 <tr><td>13</td><td>å</td><td>å® æ±å£ é½é® 纳婿</td><td>å¿ æ±å»</td></tr>258 <tr><td>14</td><td>åå¶</td><td>å® ä¸æ¢</td><td>å¿ é½é® åºç« è¿äººå£</td></tr>259 <tr><td>15</td><td>å¶</td><td>å® ææ</td><td>å¿ é
é
¿ 交æ ä½é å¡ç©´</td></tr>260 <tr><td>16</td><td>å</td><td>å® å¼å
å头</td><td>å¿ ä¸æ¢</td></tr>261 <tr><td>17</td><td>ä¸å</td><td>å® äº¤æ ææ å¼äº æ«æ´</td><td>å¿ çå±</td></tr>262 <tr><td>18</td><td>å°å¶</td><td>å® ç«æ±</td><td>å¿ è§£é¤</td></tr>263 <tr><td>19</td><td>å¶</td><td>å® æ±å»</td><td>å¿ ç§»å¾ å
¥å®
è§é» 纳ç</td></tr>264 <tr><td>20</td><td>æ«å¶</td><td>å® æ±å£</td><td>å¿ æ±å»</td></tr>265 <tr><td>21</td><td>ä¸å</td><td>å® é
é
¿ ä½é æ«æ´</td><td>å¿ ä¿®é </td></tr>266 <tr><td>22</td><td>å°å</td><td>å® å ç¬ ä¿®é </td><td>å¿ ä¿®é </td></tr>267 <tr><td>23</td><td>æ«å</td><td>å® ç¼ç</td><td>å¿ çº³å©¿ ä¸æ¢</td></tr>268 <tr><td>24</td><td>å°å</td><td>å® çº³å©¿ èµ·åº</td><td>å¿ å®é¨</td></tr>269 <tr><td>25</td><td>å°å¶</td><td>å® æ±å»</td><td>å¿ å«å¨¶ ç¼ç</td></tr>270 <tr><td>26</td><td>æ«å¶</td><td>å® ä¿®é </td><td>å¿ ææ å®åº</td></tr>271 <tr><td>27</td><td>åå¶</td><td>å® å¼æ±ç¼</td><td>å¿ çº³é è£è¡£ 解é¤</td></tr>272 <tr><td>28</td><td>æ«å</td><td>å® ä¿®é </td><td>å¿ é åº ä½é</td></tr>273 <tr><td>29</td><td>å¶</td><td>å® å®é¨</td><td>å¿ æ ½ç§ ç§»å¾ çç é åº</td></tr>274 <tr><td>30</td><td>æ«å</td><td>å® å¼æ±ç¼</td><td>å¿ çº³é è£è¡£ 解é¤</td></tr>275 <tr><td>31</td><td>å¶</td><td>å® ä¿®é </td><td>å¿ ææ å®åº é åº ä½é</td></tr>276 <tr><td>32</td><td>大å¶</td><td>å® æ </td><td>å¿ è¯¸äºä¸å®</td></tr>277 <tr><td>33</td><td>å°å</td><td>å® åå±
å¼æ±ç¼</td><td>å¿ æ±å»</td></tr>278 <tr><td>34</td><td>åå</td><td>å® åå¸ ä¿®é </td><td>å¿ ä¸æ¢</td></tr>279 <tr><td>35</td><td>å°å</td><td>å® åå¸ ä¿®é </td><td>å¿ ä¸æ¢</td></tr>280 <tr><td>36</td><td>å°å¶</td><td>å® å®é¨</td><td>å¿ å头</td></tr>281 <tr><td>37</td><td>å°å</td><td>å® å ç¬ çå±</td><td>å¿ ä¸æ¢</td></tr>282 <tr><td>38</td><td>åå¶</td><td>å® ä¸æ¢</td><td>å¿ é½é® æ±å£ åå±
</td></tr>283 <tr><td>39</td><td>æ«å¶</td><td>å® ä¸æ¢</td><td>å¿ é½é® æ±å£ åå±
</td></tr>284 <tr><td>40</td><td>大å¶</td><td>å® æ </td><td>å¿ è¯¸äºä¸å®</td></tr>285 <tr><td>41</td><td>åå¶</td><td>å® èµ·åº</td><td>å¿ è£è¡£ åºç« 解é¤</td></tr>286 <tr><td>42</td><td>æ«å¶</td><td>å® èµ·åº</td><td>å¿ è£è¡£ åºç« 解é¤</td></tr>287 <tr><td>43</td><td>å</td><td>å® å¡ç» 纳é 纳婿</td><td>å¿ æ±å»</td></tr>288 <tr><td>44</td><td>æ«å¶</td><td>å® å¡ç» 纳é 纳婿</td><td>å¿ æ±å»</td></tr>289 <tr><td>45</td><td>æ«å</td><td>å® å«å¨¶ å®é¨</td><td>å¿ ä¸æ¢</td></tr>290 <tr><td>46</td><td>å°å</td><td>å® å«å¨¶ å®é¨</td><td>å¿ ä¸æ¢</td></tr>291 <tr><td>47</td><td>å</td><td>å® åºç« è£è¡£ å头</td><td>å¿ å¼æ±ç¼</td></tr>292 <tr><td>48</td><td>大å¶</td><td>å® æ </td><td>å¿ è¯¸äºä¸å®</td></tr>293 <tr><td>49</td><td>åå</td><td>å® å¼æ±ç¼</td><td>å¿ ä¸æ¢</td></tr>294 <tr><td>50</td><td>å¶</td><td>å® ç¼ç</td><td>å¿ æ ½ç§ å´ç ä½é</td></tr>295 <tr><td>51</td><td>å°å¶</td><td>å® å¼æ±ç¼</td><td>å¿ å«å¨¶ ä¿®é </td></tr>296 <tr><td>52</td><td>大å</td><td>å® è¯¸äºçå®</td><td>å¿ ç¾æ ç¦å¿</td></tr>297 <tr><td>53</td><td>å</td><td>å® åºè¡ è£è¡£ ç»æ</td><td>å¿ èµ·åº</td></tr>298 <tr><td>54</td><td>å°å</td><td>å® å ç¬</td><td>å¿ ä¸æ¢</td></tr>299 <tr><td>55</td><td>å°å¶</td><td>å® èµ·åº</td><td>å¿ è¿äººå£</td></tr>300 <tr><td>56</td><td>æ«å</td><td>å® è£è¡£ ç»æ</td><td>å¿ ä¸æ¢</td></tr>301 <tr><td>57</td><td>æ«å</td><td>å® å ç¬</td><td>å¿ ä¸æ¢</td></tr>302 <tr><td>58</td><td>å°å</td><td>å® å«å¨¶ ç¼ç</td><td>å¿ ææ</td></tr>303 <tr><td>59</td><td>åå</td><td>å® å ç¬</td><td>å¿ ä¸æ¢</td></tr>304 <tr><td>60</td><td>æ«å¶</td><td>å® å«å¨¶ ç¼ç</td><td>å¿ ææ</td></tr>305 <tr><td>61</td><td>å°å</td><td>å® åå¸</td><td>å¿ ç«æ±</td></tr>306 <tr><td>62</td><td>åå</td><td>å® å«å¨¶ ç¼ç</td><td>å¿ ææ</td></tr>307 <tr><td>63</td><td>å°å¶</td><td>å® èµ·åº</td><td>å¿ å头</td></tr>308 <tr><td>64</td><td>大å</td><td>å® è¯¸äºçå®</td><td>å¿ ç¾æ ç¦å¿</td></tr>309 <tr><td>65</td><td>å°å</td><td>å® åå¸ ç«æ±</td><td>å¿ ä¸æ¢</td></tr>310 <tr><td>66</td><td>å</td><td>å® ç¥ç¦ æ±å£ è¿äººå£</td><td>å¿ ä¸æ¢</td></tr>311 <tr><td>67</td><td>åå¶</td><td>å® å®é¨</td><td>å¿ ç¥ç¥ åºè¡ åå±
</td></tr>312 <tr><td>68</td><td>大å¶</td><td>å® æ </td><td>å¿ è¯¸äºä¸å®</td></tr>313 <tr><td>69</td><td>åå</td><td>å® ç¥ç¦ æ±å£ è¿äººå£</td><td>å¿ ä¸æ¢</td></tr>314 <tr><td>70</td><td>æ«å¶</td><td>å® çå±</td><td>å¿ å¡ç» 纳é å ç¬</td></tr>315 <tr><td>71</td><td>åå¶</td><td>å® çå±</td><td>å¿ å¡ç» 纳é å ç¬</td></tr>316 <tr><td>72</td><td>大å</td><td>å® è¯¸äºçå®</td><td>å¿ ç¾æ ç¦å¿</td></tr>317 <tr><td>73</td><td>大å¶</td><td>å® æ </td><td>å¿ è¯¸äºä¸å®</td></tr>318 <tr><td>74</td><td>ä¸å</td><td>å® ææ 交æ ä½é è§é»</td><td>å¿ æ±å»</td></tr>319 <tr><td>75</td><td>å</td><td>å® ç¥ç¦ ç¥ç¥ è¿äººå£</td><td>å¿ çå±</td></tr>320 <tr><td>76</td><td>å¶</td><td>å® ç«æ±</td><td>å¿ å®åº ææ æå¸ æ«æ´</td></tr>321 <tr><td>77</td><td>大å</td><td>å® è¯¸äºçå®</td><td>å¿ ç¾æ ç¦å¿</td></tr>322 <tr><td>78</td><td>ä¸å</td><td>å® ææ 纳财 å¼äº 纳ç</td><td>å¿ çå±</td></tr>323 <tr><td>79</td><td>ä¸å</td><td>å® çº³è´¢ å¼å¸ è§é»</td><td>å¿ ææ</td></tr>324 <tr><td>80</td><td>åå¶</td><td>å® å®é¨</td><td>å¿ æ±å£ ç¥ç¦ è¿äººå£</td></tr>325 <tr><td>81</td><td>å</td><td>å® ç¥ç¥ 纳é 纳婿</td><td>å¿ ä¿®é </td></tr>326 <tr><td>82</td><td>å°å</td><td>å® è§£é¤ å®é¨</td><td>å¿ çå±</td></tr>327 <tr><td>83</td><td>åå</td><td>å® è§£é¤ å®é¨</td><td>å¿ çå±</td></tr>328 <tr><td>84</td><td>大å</td><td>å® è¯¸äºçå®</td><td>å¿ ç¾æ ç¦å¿</td></tr>329 <tr><td>85</td><td>ä¸å</td><td>å® æ ½ç§ äº¤æ 纳ç çç</td><td>å¿ å®é¨</td></tr>330 <tr><td>86</td><td>å</td><td>å® é½é® 纳婿</td><td>å¿ å¼æ±ç¼</td></tr>331 <tr><td>87</td><td>å°å</td><td>å® è¿äººå£ èµ·åº</td><td>å¿ å®é¨</td></tr>332 <tr><td>88</td><td>åå</td><td>å® è¿äººå£ èµ·åº</td><td>å¿ å®é¨</td></tr>333 <tr><td>89</td><td>å°å</td><td>å® è§£é¤ ç«æ±</td><td>å¿ å®é¨</td></tr>334 <tr><td>90</td><td>大å¶</td><td>å® æ </td><td>å¿ è¯¸äºä¸å®</td></tr>335 <tr><td>91</td><td>æ«å¶</td><td>å® çº³å©¿ å¼æ±ç¼</td><td>å¿ ç«æ±</td></tr>336 <tr><td>92</td><td>å°å</td><td>å® çº³å©¿ å¼æ±ç¼</td><td>å¿ ç«æ±</td></tr>337 <tr><td>93</td><td>å°å¶</td><td>å® å¼æ±ç¼</td><td>å¿ åå¸</td></tr>338 <tr><td>94</td><td>åå</td><td>å® è¿äººå£ èµ·åº</td><td>å¿ ä¸æ¢</td></tr>339 <tr><td>95</td><td>å°å</td><td>å® è¿äººå£ èµ·åº</td><td>å¿ ä¸æ¢</td></tr>340 <tr><td>96</td><td>ä¸å</td><td>å® äº¤æ ç§»å¾ æ«æ´ è§é»</td><td>å¿ ç«æ±</td></tr>341 <tr><td>97</td><td>大å¶</td><td>å® æ </td><td>å¿ è¯¸äºä¸å®</td></tr>342 <tr><td>98</td><td>大å</td><td>å® è¯¸äºçå®</td><td>å¿ ç¾æ ç¦å¿</td></tr>343 <tr><td>99</td><td>ä¸å</td><td>å® ç§»å¾ æ ½ç§ å¡ç©´ ä½é</td><td>å¿ ææ</td></tr>344 <tr><td>100</td><td>å°å¶</td><td>å® ä¸æ¢</td><td>å¿ åå±
æ±å»</td></tr>345 <tr><td>101</td><td>åå</td><td>å® ä¸æ¢</td><td>å¿ åå±
æ±å»</td></tr>346 <tr><td>102</td><td>大å</td><td>å® è¯¸äºçå®</td><td>å¿ ç¾æ ç¦å¿</td></tr>347 <tr><td>103</td><td>æ«å</td><td>å® ä¸æ¢</td><td>å¿ åå±
æ±å»</td></tr>348 <tr><td>104</td><td>å</td><td>å® å¼å
è£è¡£ å头</td><td>å¿ ä¿®é </td></tr>349 <tr><td>105</td><td>æ«å</td><td>å® è§£é¤ èµ·åº</td><td>å¿ ç¼ç</td></tr>350 <tr><td>106</td><td>大å</td><td>å® è¯¸äºçå®</td><td>å¿ ç¾æ ç¦å¿</td></tr>351 <tr><td>107</td><td>å°å</td><td>å® è§£é¤ èµ·åº</td><td>å¿ ç¼ç</td></tr>352 <tr><td>108</td><td>å°å</td><td>å® å ç¬ å¼æ±ç¼</td><td>å¿ çå±</td></tr>353 <tr><td>109</td><td>å°å¶</td><td>å® èµ·åº</td><td>å¿ åå±
ç¼ç</td></tr>354 <tr><td>110</td><td>ä¸å</td><td>å® æ ½ç§ å
¥å®
å¡ç©´ å´ç</td><td>å¿ çå±</td></tr>355 <tr><td>111</td><td>å¶</td><td>å® èµ·åº</td><td>å¿ æå¾ å®åº çç çç</td></tr>356 <tr><td>112</td><td>ä¸å</td><td>å® çº³è´¢ å¼å¸ é åº å¼äº</td><td>å¿ èµ·åº</td></tr>357 <tr><td>113</td><td>å°å</td><td>å® åå±
çå±</td><td>å¿ ç«æ±</td></tr>358 <tr><td>114</td><td>æ«å</td><td>å® åå±
çå±</td><td>å¿ ç«æ±</td></tr>359 <tr><td>115</td><td>å°å¶</td><td>å® ææ</td><td>å¿ æ²æµ´ ç¼ç</td></tr>360 <tr><td>116</td><td>å°å</td><td>å® è¿äººå£ å®é¨</td><td>å¿ å¼æ±ç¼</td></tr>361 <tr><td>117</td><td>大å</td><td>å® è¯¸äºçå®</td><td>å¿ ç¾æ ç¦å¿</td></tr>362 <tr><td>118</td><td>æ«å</td><td>å® åå±
çå±</td><td>å¿ ç«æ±</td></tr>363 <tr><td>119</td><td>æ«å¶</td><td>å® ææ</td><td>å¿ æ²æµ´ ç¼ç</td></tr>364 <tr><td>120</td><td>大å</td><td>å® è¯¸äºçå®</td><td>å¿ ç¾æ ç¦å¿</td></tr>365 <tr><td>121</td><td>å¶</td><td>å® å¼æ±ç¼</td><td>å¿ é
é
¿ å¼å¸ å´ç æ«æ´</td></tr>366 <tr><td>122</td><td>æ«å</td><td>å® ææ</td><td>å¿ æ²æµ´ ç¼ç</td></tr>367 <tr><td>123</td><td>å¶</td><td>å® èµ·åº</td><td>å¿ å¼å¸ å
¥å®
æ«æ´ æå¸</td></tr>368 <tr><td>124</td><td>æ«å</td><td>å® å¼å
ç¥ç¥ å ç¬</td><td>å¿ çå±</td></tr>369 <tr><td>125</td><td>æ«å¶</td><td>å® å¼æ±ç¼</td><td>å¿ é½é® æ±å£ å ç¬</td></tr>370 <tr><td>126</td><td>å</td><td>å® å¼å
ç¥ç¥ å ç¬</td><td>å¿ çå±</td></tr>371 <tr><td>127</td><td>大å</td><td>å® è¯¸äºçå®</td><td>å¿ ç¾æ ç¦å¿</td></tr>372 <tr><td>128</td><td>大å¶</td><td>å® æ </td><td>å¿ è¯¸äºä¸å®</td></tr>373 <tr><td>129</td><td>åå</td><td>å® å¼å
ç¥ç¥ å ç¬</td><td>å¿ çå±</td></tr>374 <tr><td>130</td><td>åå¶</td><td>å® å¼æ±ç¼</td><td>å¿ é½é® æ±å£ å ç¬</td></tr>375 <tr><td>131</td><td>å</td><td>å® å¼å
åºè¡ å«å¨¶</td><td>å¿ ä¸æ¢</td></tr>376 <tr><td>132</td><td>æ«å¶</td><td>å® åå±
çå±</td><td>å¿ ç«æ±</td></tr>377 <tr><td>133</td><td>å°å¶</td><td>å® çå±</td><td>å¿ å ç¬ å®é¨</td></tr>378 <tr><td>134</td><td>å°å¶</td><td>å® çå±</td><td>å¿ åå±
å®é¨</td></tr>379 <tr><td>135</td><td>æ«å¶</td><td>å® çå±</td><td>å¿ æ±å»</td></tr>380 <tr><td>136</td><td>大å¶</td><td>å® æ </td><td>å¿ è¯¸äºä¸å®</td></tr>381 <tr><td>137</td><td>å</td><td>å® åºè¡ æ±å£ ç»æ</td><td>å¿ æ±å»</td></tr>382 <tr><td>138</td><td>å°å¶</td><td>å® å¼æ±ç¼</td><td>å¿ ç»æ ä¿®é </td></tr>383 <tr><td>139</td><td>æ«å</td><td>å® å¼æ±ç¼</td><td>å¿ ç»æ ä¿®é </td></tr>384 <tr><td>140</td><td>æ«å</td><td>å® çº³å©¿ èµ·åº</td><td>å¿ ä¿®é </td></tr>385 <tr><td>141</td><td>å°å</td><td>å® è§£é¤</td><td>å¿ çå±</td></tr>386 <tr><td>142</td><td>大å</td><td>å® è¯¸äºçå®</td><td>å¿ ç¾æ ç¦å¿</td></tr>387 <tr><td>143</td><td>åå</td><td>å® å¼æ±ç¼</td><td>å¿ è§£é¤ ç«æ±</td></tr>388 <tr><td>144</td><td>å°å¶</td><td>å® å¼æ±ç¼</td><td>å¿ è§£é¤ ç«æ±</td></tr>389 <tr><td>145</td><td>ä¸å</td><td>å® é
é
¿ ææ æ«æ´</td><td>å¿ å¼æ±ç¼</td></tr>390 <tr><td>146</td><td>å°å</td><td>å® çº³å©¿ èµ·åº</td><td>å¿ ä¿®é </td></tr>391 <tr><td>147</td><td>å</td><td>å® åºç« ç¥ç¥ åå¸</td><td>å¿ ææ</td></tr>392 <tr><td>148</td><td>å</td><td>å® è£è¡£ åºç« å«å¨¶</td><td>å¿ çå±</td></tr>393 <tr><td>149</td><td>æ«å</td><td>å® åºç« ç¥ç¥ åå¸</td><td>å¿ ææ</td></tr>394 <tr><td>150</td><td>å°å</td><td>å® æ²æµ´ èµ·åº</td><td>å¿ æ±å»</td></tr>395 <tr><td>151</td><td>å¶</td><td>å® æ±å»</td><td>å¿ ç§»å¾ å¼å¸ å¼äº å´ç</td></tr>396 <tr><td>152</td><td>åå</td><td>å® æ²æµ´ èµ·åº</td><td>å¿ æ±å»</td></tr>397 <tr><td>153</td><td>åå</td><td>å® æ²æµ´ èµ·åº</td><td>å¿ æ±å»</td></tr>398 <tr><td>154</td><td>å</td><td>å® å¼å
åºç« åå¸</td><td>å¿ èµ·åº</td></tr>399 <tr><td>155</td><td>åå</td><td>å® æ²æµ´ èµ·åº</td><td>å¿ æ±å»</td></tr>400 <tr><td>156</td><td>å</td><td>å® åºç« åºç« æ²æµ´</td><td>å¿ èµ·åº</td></tr>401 <tr><td>157</td><td>å°å</td><td>å® æ²æµ´ å¼æ±ç¼</td><td>å¿ ç«æ±</td></tr>402 <tr><td>158</td><td>åå¶</td><td>å® ä¸æ¢</td><td>å¿ åºè¡ ç¥ç¦ åå¸</td></tr>403 <tr><td>159</td><td>åå</td><td>å® æ²æµ´ èµ·åº</td><td>å¿ æ±å»</td></tr>404 <tr><td>160</td><td>大å¶</td><td>å® æ </td><td>å¿ è¯¸äºä¸å®</td></tr>405 <tr><td>161</td><td>å°å</td><td>å® å头 å®é¨</td><td>å¿ ä¿®é </td></tr>406 <tr><td>162</td><td>å°å</td><td>å® å«å¨¶ èµ·åº</td><td>å¿ ç«æ±</td></tr>407 <tr><td>163</td><td>ä¸å</td><td>å® å¼å¸ é
é
¿ å¡ç©´ æå¸</td><td>å¿ ä¸æ¢</td></tr>408 <tr><td>164</td><td>大å</td><td>å® è¯¸äºçå®</td><td>å¿ ç¾æ ç¦å¿</td></tr>409 <tr><td>165</td><td>大å¶</td><td>å® æ </td><td>å¿ è¯¸äºä¸å®</td></tr>410 <tr><td>166</td><td>æ«å¶</td><td>å® æ²æµ´ èµ·åº</td><td>å¿ æ±å»</td></tr>411 <tr><td>167</td><td>å°å¶</td><td>å® ä¿®é </td><td>å¿ åå¸ ç¼ç</td></tr>412 <tr><td>168</td><td>æ«å¶</td><td>å® æ²æµ´ èµ·åº</td><td>å¿ æ±å»</td></tr>413 <tr><td>169</td><td>å°å¶</td><td>å® çå±</td><td>å¿ è§£é¤ ç¼ç</td></tr>414 <tr><td>170</td><td>æ«å</td><td>å® æ²æµ´ èµ·åº</td><td>å¿ æ±å»</td></tr>415 <tr><td>171</td><td>å</td><td>å® å¼å
é½é® 解é¤</td><td>å¿ ä¸æ¢</td></tr>416 <tr><td>172</td><td>æ«å</td><td>å® æ²æµ´ èµ·åº</td><td>å¿ æ±å»</td></tr>417 <tr><td>173</td><td>åå¶</td><td>å® å®é¨</td><td>å¿ å¡ç» æ±å£ 纳婿</td></tr>418 <tr><td>174</td><td>æ«å</td><td>å® æ²æµ´ èµ·åº</td><td>å¿ æ±å»</td></tr>419 <tr><td>175</td><td>å°å</td><td>å® çº³å©¿ å®é¨</td><td>å¿ å¼æ±ç¼</td></tr>420 <tr><td>176</td><td>ä¸å</td><td>å® ç§»å¾ æ ½ç§ æå¸ è§é»</td><td>å¿ èµ·åº</td></tr>421 <tr><td>177</td><td>å</td><td>å® ç¥ç¥ é½é® å头</td><td>å¿ çå±</td></tr>422 <tr><td>178</td><td>å¶</td><td>å® ä¸æ¢</td><td>å¿ å®åº æ ½ç§ å´ç è§é»</td></tr>423 <tr><td>179</td><td>å</td><td>å® ç¥ç¦ ç¥ç¥ åå¸</td><td>å¿ ä¿®é </td></tr>424 <tr><td>180</td><td>å°å</td><td>å® å ç¬ çå±</td><td>å¿ ç«æ±</td></tr>425 <tr><td>181</td><td>åå¶</td><td>å® èµ·åº</td><td>å¿ ç¥ç¥ åºè¡ å ç¬</td></tr>426 <tr><td>182</td><td>å</td><td>å® æ±å£ ç¥ç¥ ç»æ</td><td>å¿ ç«æ±</td></tr>427 <tr><td>183</td><td>åå¶</td><td>å® ä¿®é </td><td>å¿ åºè¡ åºç« å头</td></tr>428 <tr><td>184</td><td>å°å¶</td><td>å® ææ</td><td>å¿ å ç¬ ä¸æ¢</td></tr>429 <tr><td>185</td><td>æ«å</td><td>å® æ²æµ´ èµ·åº</td><td>å¿ æ±å»</td></tr>430 <tr><td>186</td><td>ä¸å</td><td>å® å¼å¸ å®åº é åº è§é»</td><td>å¿ æ±å»</td></tr>431 <tr><td>187</td><td>大å¶</td><td>å® æ </td><td>å¿ è¯¸äºä¸å®</td></tr>432 <tr><td>188</td><td>ä¸å</td><td>å® å
¥å®
æ ½ç§ çç å¡ç©´</td><td>å¿ æ±å»</td></tr>433 <tr><td>189</td><td>å°å¶</td><td>å® æ±å»</td><td>å¿ ç»æ çå±</td></tr>434 <tr><td>190</td><td>å°å</td><td>å® å«å¨¶ ç«æ±</td><td>å¿ æ±å»</td></tr>435 <tr><td>191</td><td>æ«å</td><td>å® å«å¨¶ ç«æ±</td><td>å¿ æ±å»</td></tr>436 <tr><td>192</td><td>å°å¶</td><td>å® ç«æ±</td><td>å¿ å ç¬ ä¸æ¢</td></tr>437 <tr><td>193</td><td>åå¶</td><td>å® ä¸æ¢</td><td>å¿ çº³é æ±å£ 解é¤</td></tr>438 <tr><td>194</td><td>å°å</td><td>å® è§£é¤ æ±å»</td><td>å¿ å®é¨</td></tr>439 <tr><td>195</td><td>ä¸å</td><td>å® ææ å¼å¸ æ«æ´ 纳ç</td><td>å¿ ä¿®é </td></tr>440 <tr><td>196</td><td>å°å</td><td>å® è¿äººå£ èµ·åº</td><td>å¿ ä¸æ¢</td></tr>441 <tr><td>197</td><td>åå</td><td>å® è¿äººå£ èµ·åº</td><td>å¿ ä¸æ¢</td></tr>442 <tr><td>198</td><td>æ«å</td><td>å® ææ å¼å¸ æ«æ´ 纳ç</td><td>å¿ ä¿®é </td></tr>443 <tr><td>199</td><td>æ«å</td><td>å® ææ</td><td>å¿ å
¥å®
ç§»å¾ çº³ç é åº</td></tr>444 <tr><td>200</td><td>å¶</td><td>å® èµ·åº</td><td>å¿ å®åº 交æ æå¸ å´ç</td></tr>445 <tr><td>201</td><td>å¶</td><td>å® ææ</td><td>å¿ å
¥å®
ç§»å¾ çº³ç é åº</td></tr>446 <tr><td>202</td><td>å°å</td><td>å® çº³å©¿ ææ</td><td>å¿ æ±å»</td></tr>447 <tr><td>203</td><td>å¶</td><td>å® å¼æ±ç¼</td><td>å¿ ç§»å¾ çº³è´¢ æå¸ å´ç</td></tr>448 <tr><td>204</td><td>æ«å¶</td><td>å® ææ</td><td>å¿ å
¥å®
ç§»å¾ çº³ç é åº</td></tr>449 <tr><td>205</td><td>ä¸å</td><td>å® å®åº æ ½ç§ æå¸ å¼äº</td><td>å¿ ææ</td></tr>450 <tr><td>206</td><td>ä¸å</td><td>å® æ ½ç§ å´ç ä½é</td><td>å¿ èµ·åº</td></tr>451 <tr><td>207</td><td>å</td><td>å® é½é® å¼å
å ç¬</td><td>å¿ ç¼ç</td></tr>452 <tr><td>208</td><td>å°å¶</td><td>å® å¼æ±ç¼</td><td>å¿ ç»æ èµ·åº</td></tr>453 <tr><td>209</td><td>å°å</td><td>å® åå±
ç«æ±</td><td>å¿ ç¼ç</td></tr>454 <tr><td>210</td><td>å¶</td><td>å® ç«æ±</td><td>å¿ å®åº 纳财 çç æ«æ´</td></tr>455 <tr><td>211</td><td>æ«å</td><td>å® åå±
ç«æ±</td><td>å¿ ç¼ç</td></tr>456 <tr><td>212</td><td>å¶</td><td>å® å®é¨</td><td>å¿ æå¾ æ ½ç§ çº³ç çç</td></tr>457 <tr><td>213</td><td>å°å</td><td>å® åå±
èµ·åº</td><td>å¿ ä¸æ¢</td></tr>458 <tr><td>214</td><td>大å¶</td><td>å® æ </td><td>å¿ è¯¸äºä¸å®</td></tr>459 <tr><td>215</td><td>åå</td><td>å® åå±
ç«æ±</td><td>å¿ ç¼ç</td></tr>460 <tr><td>216</td><td>ä¸å</td><td>å® å¼å¸ å
¥å®
æ«æ´ å¼äº</td><td>å¿ çå±</td></tr>461 <tr><td>217</td><td>åå¶</td><td>å® ä¿®é </td><td>å¿ å¼å
å头</td></tr>462 <tr><td>218</td><td>å°å</td><td>å® æ²æµ´</td><td>å¿ ææ</td></tr>463 <tr><td>219</td><td>å</td><td>å® ç¥ç¦ å¼å
纳婿</td><td>å¿ å¼æ±ç¼</td></tr>464 <tr><td>220</td><td>æ«å</td><td>å® åå±
ç«æ±</td><td>å¿ ç¼ç</td></tr>465 <tr><td>221</td><td>å°å</td><td>å® æ²æµ´ æ±å»</td><td>å¿ çå±</td></tr>466 <tr><td>222</td><td>å°å¶</td><td>å® ææ</td><td>å¿ å头</td></tr>467 <tr><td>223</td><td>åå¶</td><td>å® çå±</td><td>å¿ å¼å
é½é® å头</td></tr>468 <tr><td>224</td><td>æ«å¶</td><td>å® æ²æµ´ æ±å»</td><td>å¿ çå±</td></tr>469 <tr><td>225</td><td>大å</td><td>å® è¯¸äºçå®</td><td>å¿ ç¾æ ç¦å¿</td></tr>470 <tr><td>226</td><td>大å¶</td><td>å® æ </td><td>å¿ è¯¸äºä¸å®</td></tr>471 <tr><td>227</td><td>æ«å¶</td><td>å® æ²æµ´ æ±å»</td><td>å¿ çå±</td></tr>472 <tr><td>228</td><td>æ«å¶</td><td>å® æ²æµ´ æ±å»</td><td>å¿ çå±</td></tr>473 <tr><td>229</td><td>大å</td><td>å® è¯¸äºçå®</td><td>å¿ ç¾æ ç¦å¿</td></tr>474 <tr><td>230</td><td>å°å</td><td>å® æ²æµ´ ææ</td><td>å¿ èµ·åº</td></tr>475 <tr><td>231</td><td>å°å</td><td>å® çº³å©¿ çå±</td><td>å¿ ææ</td></tr>476 <tr><td>232</td><td>å¶</td><td>å® ç«æ±</td><td>å¿ çº³è´¢ å¼å¸ å¡ç©´ æå¸</td></tr>477 <tr><td>233</td><td>大å¶</td><td>å® æ </td><td>å¿ è¯¸äºä¸å®</td></tr>478 <tr><td>234</td><td>ä¸å</td><td>å® æå¾ å¼å¸ æ«æ´ 纳ç</td><td>å¿ ä¿®é </td></tr>479 <tr><td>235</td><td>å¶</td><td>å® èµ·åº</td><td>å¿ äº¤æ 交æ è§é» æå¸</td></tr>480 <tr><td>236</td><td>æ«å¶</td><td>å® æ²æµ´ æ±å»</td><td>å¿ çå±</td></tr>481 <tr><td>237</td><td>æ«å¶</td><td>å® å头 èµ·åº</td><td>å¿ ä¸æ¢</td></tr>482 <tr><td>238</td><td>å°å</td><td>å® å头 èµ·åº</td><td>å¿ ä¸æ¢</td></tr>483 <tr><td>239</td><td>大å¶</td><td>å® æ </td><td>å¿ è¯¸äºä¸å®</td></tr>484 <tr><td>240</td><td>大å¶</td><td>å® æ </td><td>å¿ è¯¸äºä¸å®</td></tr>485 <tr><td>241</td><td>æ«å</td><td>å® å头 èµ·åº</td><td>å¿ ä¸æ¢</td></tr>486 <tr><td>242</td><td>åå¶</td><td>å® å®é¨</td><td>å¿ é½é® åºè¡ å头</td></tr>487 <tr><td>243</td><td>大å</td><td>å® è¯¸äºçå®</td><td>å¿ ç¾æ ç¦å¿</td></tr>488 <tr><td>244</td><td>å°å</td><td>å® æ²æµ´ ç«æ±</td><td>å¿ èµ·åº</td></tr>489 <tr><td>245</td><td>å°å</td><td>å® è§£é¤ å®é¨</td><td>å¿ å¼æ±ç¼</td></tr>490 <tr><td>246</td><td>åå</td><td>å® å头 èµ·åº</td><td>å¿ ä¸æ¢</td></tr>491 <tr><td>247</td><td>åå</td><td>å® å头 èµ·åº</td><td>å¿ ä¸æ¢</td></tr>492 <tr><td>248</td><td>大å¶</td><td>å® æ </td><td>å¿ è¯¸äºä¸å®</td></tr>493 <tr><td>249</td><td>å¶</td><td>å® ç¼ç</td><td>å¿ å¼å¸ å¼å¸ æå¸ è§é»</td></tr>494 <tr><td>250</td><td>å°å¶</td><td>å® å¼æ±ç¼</td><td>å¿ å«å¨¶ ç«æ±</td></tr>495 <tr><td>251</td><td>大å</td><td>å® è¯¸äºçå®</td><td>å¿ ç¾æ ç¦å¿</td></tr>496 <tr><td>252</td><td>大å¶</td><td>å® æ </td><td>å¿ è¯¸äºä¸å®</td></tr>497 <tr><td>253</td><td>å°å</td><td>å® å头 æ±å»</td><td>å¿ å¼æ±ç¼</td></tr>498 <tr><td>254</td><td>å¶</td><td>å® æ±å»</td><td>å¿ ç§»å¾ å¼å¸ 纳ç æ«æ´</td></tr>499 <tr><td>255</td><td>åå¶</td><td>å® å®é¨</td><td>å¿ é½é® ç¥ç¥ ç»æ</td></tr>500 <tr><td>256</td><td>大å¶</td><td>å® æ </td><td>å¿ è¯¸äºä¸å®</td></tr>501 <tr><td>257</td><td>åå</td><td>å® å头 èµ·åº</td><td>å¿ ä¸æ¢</td></tr>502 <tr><td>258</td><td>åå¶</td><td>å® èµ·åº</td><td>å¿ åºç« åºç« 纳婿</td></tr>503 <tr><td>259</td><td>å°å¶</td><td>å® ä¸æ¢</td><td>å¿ å«å¨¶ æ±å»</td></tr>504 <tr><td>260</td><td>大å¶</td><td>å® æ </td><td>å¿ è¯¸äºä¸å®</td></tr>505 <tr><td>261</td><td>å°å</td><td>å® ç»æ æ±å»</td><td>å¿ çå±</td></tr>506 <tr><td>262</td><td>å</td><td>å® ç¥ç¥ è£è¡£ è¿äººå£</td><td>å¿ çå±</td></tr>507 <tr><td>263</td><td>å°å</td><td>å® è¿äººå£ ä¿®é </td><td>å¿ ä¸æ¢</td></tr>508 <tr><td>264</td><td>å°å¶</td><td>å® ç¼ç</td><td>å¿ å头 èµ·åº</td></tr>509 <tr><td>265</td><td>ä¸å</td><td>å® å®åº å¼å¸ çç ä½é</td><td>å¿ ç«æ±</td></tr>510 <tr><td>266</td><td>ä¸å</td><td>å® çº³è´¢ é
é
¿ å¼äº çç</td><td>å¿ ä¿®é </td></tr>511 <tr><td>267</td><td>æ«å</td><td>å® å头 èµ·åº</td><td>å¿ ä¸æ¢</td></tr>512 <tr><td>268</td><td>å¶</td><td>å® ç¼ç</td><td>å¿ é
é
¿ ææ å´ç æ«æ´</td></tr>513 <tr><td>269</td><td>å°å¶</td><td>å® èµ·åº</td><td>å¿ è¿äººå£ æ±å»</td></tr>514 <tr><td>270</td><td>å¶</td><td>å® ç«æ±</td><td>å¿ ææ å
¥å®
è§é» æ«æ´</td></tr>515 <tr><td>271</td><td>æ«å¶</td><td>å® å头 èµ·åº</td><td>å¿ ä¸æ¢</td></tr>516 <tr><td>272</td><td>å°å¶</td><td>å® ç«æ±</td><td>å¿ å«å¨¶ ä¿®é </td></tr>517 <tr><td>273</td><td>åå¶</td><td>å® ä¿®é </td><td>å¿ é½é® 纳é åå¸</td></tr>518 <tr><td>274</td><td>æ«å¶</td><td>å® å头 èµ·åº</td><td>å¿ ä¸æ¢</td></tr>519 <tr><td>275</td><td>å¶</td><td>å® ä¸æ¢</td><td>å¿ ç§»å¾ é
é
¿ ä½é è§é»</td></tr>520 <tr><td>276</td><td>å°å</td><td>å® æ²æµ´ ç¼ç</td><td>å¿ æ±å»</td></tr>521 <tr><td>277</td><td>åå¶</td><td>å® ææ</td><td>å¿ ç¥ç¥ å¼å
å ç¬</td></tr>522 <tr><td>278</td><td>大å</td><td>å® è¯¸äºçå®</td><td>å¿ ç¾æ ç¦å¿</td></tr>523 <tr><td>279</td><td>å°å</td><td>å® å«å¨¶ ç¼ç</td><td>å¿ çå±</td></tr>524 <tr><td>280</td><td>å°å</td><td>å® å«å¨¶ å®é¨</td><td>å¿ ææ</td></tr>525 <tr><td>281</td><td>åå</td><td>å® å头 èµ·åº</td><td>å¿ ä¸æ¢</td></tr>526 <tr><td>282</td><td>åå</td><td>å® ç¥ç¦ åºç« 解é¤</td><td>å¿ ç«æ±</td></tr>527 <tr><td>283</td><td>大å</td><td>å® è¯¸äºçå®</td><td>å¿ ç¾æ ç¦å¿</td></tr>528 <tr><td>284</td><td>å</td><td>å® ç¥ç¦ åºç« 解é¤</td><td>å¿ ç«æ±</td></tr>529 <tr><td>285</td><td>大å¶</td><td>å® æ </td><td>å¿ è¯¸äºä¸å®</td></tr>530 <tr><td>286</td><td>å°å</td><td>å® å«å¨¶ èµ·åº</td><td>å¿ æ±å»</td></tr>531 <tr><td>287</td><td>大å</td><td>å® è¯¸äºçå®</td><td>å¿ ç¾æ ç¦å¿</td></tr>532 <tr><td>288</td><td>大å¶</td><td>å® æ </td><td>å¿ è¯¸äºä¸å®</td></tr>533 <tr><td>289</td><td>åå¶</td><td>å® çå±</td><td>å¿ å¡ç» 纳é è¿äººå£</td></tr>534 <tr><td>290</td><td>åå¶</td><td>å® ç¼ç</td><td>å¿ å¡ç» æ±å£ å«å¨¶</td></tr>535 <tr><td>291</td><td>åå</td><td>å® ç¥ç¦ åºç« 解é¤</td><td>å¿ ç«æ±</td></tr>536 <tr><td>292</td><td>æ«å¶</td><td>å® æå¾ æ ½ç§</td><td>å¿ å¼æ±ç¼</td></tr>537 <tr><td>293</td><td>大å¶</td><td>å® æ </td><td>å¿ è¯¸äºä¸å®</td></tr>538 <tr><td>294</td><td>大å</td><td>å® è¯¸äºçå®</td><td>å¿ ç¾æ ç¦å¿</td></tr>539 <tr><td>295</td><td>æ«å</td><td>å® æå¾ æ ½ç§</td><td>å¿ å¼æ±ç¼</td></tr>540 <tr><td>296</td><td>ä¸å</td><td>å® æå¾ æ ½ç§ å´ç é åº</td><td>å¿ å¼æ±ç¼</td></tr>541 <tr><td>297</td><td>åå</td><td>å® ç¥ç¦ åºç« 解é¤</td><td>å¿ ç«æ±</td></tr>542 <tr><td>298</td><td>大å</td><td>å® è¯¸äºçå®</td><td>å¿ ç¾æ ç¦å¿</td></tr>543 <tr><td>299</td><td>å°å</td><td>å® åå¸</td><td>å¿ èµ·åº</td></tr>544 <tr><td>300</td><td>åå</td><td>å® ç¥ç¦ åºç« 解é¤</td><td>å¿ ç«æ±</td></tr>545 <tr><td>301</td><td>å°å</td><td>å® å头 å¼æ±ç¼</td><td>å¿ ç«æ±</td></tr>546 <tr><td>302</td><td>ä¸å</td><td>å® æå¾ é
é
¿ 纳ç é åº</td><td>å¿ ç¼ç</td></tr>547 <tr><td>303</td><td>å¶</td><td>å® å®é¨</td><td>å¿ å¼å¸ 交æ å´ç å¼äº</td></tr>548 <tr><td>304</td><td>å°å</td><td>å® è§£é¤ å®é¨</td><td>å¿ çå±</td></tr>549 <tr><td>305</td><td>åå</td><td>å® è§£é¤ å®é¨</td><td>å¿ çå±</td></tr>550 <tr><td>306</td><td>å°å</td><td>å® æ²æµ´ ä¿®é </td><td>å¿ ç«æ±</td></tr>551 <tr><td>307</td><td>åå</td><td>å® æå¾ æ ½ç§</td><td>å¿ å¼æ±ç¼</td></tr>552 <tr><td>308</td><td>æ«å¶</td><td>å® æå¾ æ ½ç§ å´ç é åº</td><td>å¿ å¼æ±ç¼</td></tr>553 <tr><td>309</td><td>å°å¶</td><td>å® å¼æ±ç¼</td><td>å¿ åå¸ èµ·åº</td></tr>554 <tr><td>310</td><td>å°å</td><td>å® å«å¨¶ ç¼ç</td><td>å¿ å®é¨</td></tr>555 <tr><td>311</td><td>åå¶</td><td>å® ç«æ±</td><td>å¿ åºç« åºè¡ å头</td></tr>556 <tr><td>312</td><td>ä¸å</td><td>å® æå¾ å
¥å®
ä½é è§é»</td><td>å¿ çå±</td></tr>557 <tr><td>313</td><td>æ«å</td><td>å® å«å¨¶ ç¼ç</td><td>å¿ å®é¨</td></tr>558 <tr><td>314</td><td>æ«å¶</td><td>å® æå¾ æ ½ç§</td><td>å¿ å¼æ±ç¼</td></tr>559 <tr><td>315</td><td>大å</td><td>å® è¯¸äºçå®</td><td>å¿ ç¾æ ç¦å¿</td></tr>560 <tr><td>316</td><td>æ«å</td><td>å® æå¾ æ ½ç§</td><td>å¿ å¼æ±ç¼</td></tr>561 <tr><td>317</td><td>大å¶</td><td>å® æ </td><td>å¿ è¯¸äºä¸å®</td></tr>562 <tr><td>318</td><td>大å</td><td>å® è¯¸äºçå®</td><td>å¿ ç¾æ ç¦å¿</td></tr>563 <tr><td>319</td><td>å</td><td>å® é½é® å¼å
ç»æ</td><td>å¿ èµ·åº</td></tr>564 <tr><td>320</td><td>ä¸å</td><td>å® å¼å¸ å®åº å¼äº å´ç</td><td>å¿ ä¿®é </td></tr>565 <tr><td>321</td><td>大å¶</td><td>å® æ </td><td>å¿ è¯¸äºä¸å®</td></tr>566 <tr><td>322</td><td>å¶</td><td>å® ç¼ç</td><td>å¿ å¼å¸ 纳财 å¡ç©´ é åº</td></tr>567 <tr><td>323</td><td>åå¶</td><td>å® æ±å»</td><td>å¿ çº³é åºç« å ç¬</td></tr>568 <tr><td>324</td><td>大å</td><td>å® è¯¸äºçå®</td><td>å¿ ç¾æ ç¦å¿</td></tr>569 <tr><td>325</td><td>å</td><td>å® ç¥ç¦ ç¥ç¦ ç»æ</td><td>å¿ ç«æ±</td></tr>570 <tr><td>326</td><td>å°å</td><td>å® æ²æµ´ èµ·åº</td><td>å¿ ç«æ±</td></tr>571 <tr><td>327</td><td>ä¸å</td><td>å® ææ é
é
¿ å¼äº å¡ç©´</td><td>å¿ å®é¨</td></tr>572 <tr><td>328</td><td>åå¶</td><td>å® ç«æ±</td><td>å¿ å¼å
纳é æ²æµ´</td></tr>573 <tr><td>329</td><td>ä¸å</td><td>å® ç§»å¾ äº¤æ æå¸ è§é»</td><td>å¿ èµ·åº</td></tr>574 <tr><td>330</td><td>å</td><td>å® ç¥ç¦ åºç« å ç¬</td><td>å¿ ææ</td></tr>575 <tr><td>331</td><td>å°å</td><td>å® ç»æ ææ</td><td>å¿ ç¼ç</td></tr>576 <tr><td>332</td><td>å°å</td><td>å® ç»æ çå±</td><td>å¿ èµ·åº</td></tr>577 <tr><td>333</td><td>大å¶</td><td>å® æ </td><td>å¿ è¯¸äºä¸å®</td></tr>578 <tr><td>334</td><td>ä¸å</td><td>å® é
é
¿ ææ 纳ç å¡ç©´</td><td>å¿ æ±å»</td></tr>579 <tr><td>335</td><td>åå</td><td>å® ç¥ç¦ åºç« å ç¬</td><td>å¿ ææ</td></tr>580 <tr><td>336</td><td>大å</td><td>å® è¯¸äºçå®</td><td>å¿ ç¾æ ç¦å¿</td></tr>581 <tr><td>337</td><td>å¶</td><td>å® å¼æ±ç¼</td><td>å¿ æå¾ é
é
¿ æå¸ å´ç</td></tr>582 <tr><td>338</td><td>åå</td><td>å® ç¥ç¦ åºç« å ç¬</td><td>å¿ ææ</td></tr>583 <tr><td>339</td><td>åå¶</td><td>å® çå±</td><td>å¿ åºè¡ åå±
</td></tr>584 <tr><td>340</td><td>大å</td><td>å® è¯¸äºçå®</td><td>å¿ ç¾æ ç¦å¿</td></tr>585 <tr><td>341</td><td>æ«å</td><td>å® ç¥ç¦ åºç« å ç¬</td><td>å¿ ææ</td></tr>586 <tr><td>342</td><td>å°å</td><td>å® å«å¨¶ æ±å»</td><td>å¿ ä¸æ¢</td></tr>587 <tr><td>343</td><td>å¶</td><td>å® æ±å»</td><td>å¿ æ ½ç§ å®åº æ«æ´ å´ç</td></tr>588 <tr><td>344</td><td>åå¶</td><td>å® çå±</td><td>å¿ è£è¡£ ç¥ç¦ åå±
</td></tr>589 <tr><td>345</td><td>å°å</td><td>å® ç»æ</td><td>å¿ ä¿®é </td></tr>590 <tr><td>346</td><td>å¶</td><td>å® å¼æ±ç¼</td><td>å¿ é
é
¿ æ ½ç§ é åº çç</td></tr>591 <tr><td>347</td><td>åå</td><td>å® çå±</td><td>å¿ è£è¡£ ç¥ç¦ åå±
</td></tr>592 <tr><td>348</td><td>大å¶</td><td>å® æ </td><td>å¿ è¯¸äºä¸å®</td></tr>593 <tr><td>349</td><td>å°å¶</td><td>å® ç¼ç</td><td>å¿ å ç¬ ä¸æ¢</td></tr>594 <tr><td>350</td><td>åå¶</td><td>å® ä¿®é </td><td>å¿ ç¥ç¥ ç¥ç¦ åå¸</td></tr>595 <tr><td>351</td><td>åå¶</td><td>å® æ±å»</td><td>å¿ ç¥ç¥ 纳é è¿äººå£</td></tr>596 <tr><td>352</td><td>å°å</td><td>å® æ²æµ´ å®é¨</td><td>å¿ èµ·åº</td></tr>597 <tr><td>353</td><td>å¶</td><td>å® çå±</td><td>å¿ ç§»å¾ æå¾ å´ç å¡ç©´</td></tr>598 <tr><td>354</td><td>å¶</td><td>å® ç«æ±</td><td>å¿ é
é
¿ æ ½ç§ å´ç è§é»</td></tr>599 <tr><td>355</td><td>大å</td><td>å® è¯¸äºçå®</td><td>å¿ ç¾æ ç¦å¿</td></tr>600 <tr><td>356</td><td>æ«å¶</td><td>å® åå¸ å¼æ±ç¼</td><td>å¿ æ±å»</td></tr>601 <tr><td>357</td><td>大å</td><td>å® è¯¸äºçå®</td><td>å¿ ç¾æ ç¦å¿</td></tr>602 <tr><td>358</td><td>å°å</td><td>å® åå¸ å¼æ±ç¼</td><td>å¿ æ±å»</td></tr>603 <tr><td>359</td><td>æ«å¶</td><td>å® ç¼ç</td><td>å¿ å ç¬ ä¸æ¢</td></tr>604 <tr><td>360</td><td>大å¶</td><td>å® æ </td><td>å¿ è¯¸äºä¸å®</td></tr>605 </tbody>606 </Table>607 </div>608 </Card.Body>609 </Card>610 </Col>611 </Row>612 </Container>613 <BannerAd />614 </div>615 );616 }617}...
BasicTable.js
Source:BasicTable.js
1import React, { Component } from 'react'2import { ProgressBar } from 'react-bootstrap';3export class BasicTable extends Component {4 render() {5 return (6 <div>7 <div className="page-header">8 <h3 className="page-title"> Basic Tables </h3>9 <nav aria-label="breadcrumb">10 <ol className="breadcrumb">11 <li className="breadcrumb-item"><a href="!#" onClick={event => event.preventDefault()}>Tables</a></li>12 <li className="breadcrumb-item active" aria-current="page">Basic tables</li>13 </ol>14 </nav>15 </div>16 <div className="row">17 <div className="col-lg-6 grid-margin stretch-card">18 <div className="card">19 <div className="card-body">20 <h4 className="card-title">Basic Table</h4>21 <p className="card-description"> Add className <code>.table</code>22 </p>23 <div className="table-responsive">24 <table className="table">25 <thead>26 <tr>27 <th>Profile</th>28 <th>VatNo.</th>29 <th>Created</th>30 <th>Status</th>31 </tr>32 </thead>33 <tbody>34 <tr>35 <td>Jacob</td>36 <td>53275531</td>37 <td>12 May 2017</td>38 <td><label className="badge badge-danger">Pending</label></td>39 </tr>40 <tr>41 <td>Messsy</td>42 <td>53275532</td>43 <td>15 May 2017</td>44 <td><label className="badge badge-warning">In progress</label></td>45 </tr>46 <tr>47 <td>John</td>48 <td>53275533</td>49 <td>14 May 2017</td>50 <td><label className="badge badge-info">Fixed</label></td>51 </tr>52 <tr>53 <td>Peter</td>54 <td>53275534</td>55 <td>16 May 2017</td>56 <td><label className="badge badge-success">Completed</label></td>57 </tr>58 <tr>59 <td>Dave</td>60 <td>53275535</td>61 <td>20 May 2017</td>62 <td><label className="badge badge-warning">In progress</label></td>63 </tr>64 </tbody>65 </table>66 </div>67 </div>68 </div>69 </div>70 <div className="col-lg-6 grid-margin stretch-card">71 <div className="card">72 <div className="card-body">73 <h4 className="card-title">Hoverable Table</h4>74 <p className="card-description"> Add className <code>.table-hover</code>75 </p>76 <div className="table-responsive">77 <table className="table table-hover">78 <thead>79 <tr>80 <th>User</th>81 <th>Product</th>82 <th>Sale</th>83 <th>Status</th>84 </tr>85 </thead>86 <tbody>87 <tr>88 <td>Jacob</td>89 <td>Photoshop</td>90 <td className="text-danger"> 28.76% <i className="mdi mdi-arrow-down"></i></td>91 <td><label className="badge badge-danger">Pending</label></td>92 </tr>93 <tr>94 <td>Messsy</td>95 <td>Flash</td>96 <td className="text-danger"> 21.06% <i className="mdi mdi-arrow-down"></i></td>97 <td><label className="badge badge-warning">In progress</label></td>98 </tr>99 <tr>100 <td>John</td>101 <td>Premier</td>102 <td className="text-danger"> 35.00% <i className="mdi mdi-arrow-down"></i></td>103 <td><label className="badge badge-info">Fixed</label></td>104 </tr>105 <tr>106 <td>Peter</td>107 <td>After effects</td>108 <td className="text-success"> 82.00% <i className="mdi mdi-arrow-up"></i></td>109 <td><label className="badge badge-success">Completed</label></td>110 </tr>111 <tr>112 <td>Dave</td>113 <td>53275535</td>114 <td className="text-success"> 98.05% <i className="mdi mdi-arrow-up"></i></td>115 <td><label className="badge badge-warning">In progress</label></td>116 </tr>117 </tbody>118 </table>119 </div>120 </div>121 </div>122 </div>123 <div className="col-lg-12 grid-margin stretch-card">124 <div className="card">125 <div className="card-body">126 <h4 className="card-title">Striped Table</h4>127 <p className="card-description"> Add className <code>.table-striped</code>128 </p>129 <div className="table-responsive">130 <table className="table table-striped">131 <thead>132 <tr>133 <th> User </th>134 <th> First name </th>135 <th> Progress </th>136 <th> Amount </th>137 <th> Deadline </th>138 </tr>139 </thead>140 <tbody>141 <tr>142 <td className="py-1">143 <img src={require("../../assets/images/faces/face1.jpg")} alt="user icon" />144 </td>145 <td> Herman Beck </td>146 <td>147 <ProgressBar variant="success" now={25} />148 </td>149 <td> $ 77.99 </td>150 <td> May 15, 2015 </td>151 </tr>152 <tr>153 <td className="py-1">154 <img src={require("../../assets/images/faces/face2.jpg")} alt="user icon" />155 </td>156 <td> Messsy Adam </td>157 <td>158 <ProgressBar variant="danger" now={75} />159 </td>160 <td> $245.30 </td>161 <td> July 1, 2015 </td>162 </tr>163 <tr>164 <td className="py-1">165 <img src={require("../../assets/images/faces/face3.jpg")} alt="user icon" />166 </td>167 <td> John Richards </td>168 <td>169 <ProgressBar variant="warning" now={90} />170 </td>171 <td> $138.00 </td>172 <td> Apr 12, 2015 </td>173 </tr>174 <tr>175 <td className="py-1">176 <img src={require("../../assets/images/faces/face4.jpg")} alt="user icon" />177 </td>178 <td> Peter Meggik </td>179 <td>180 <ProgressBar variant="primary" now={50} />181 </td>182 <td> $ 77.99 </td>183 <td> May 15, 2015 </td>184 </tr>185 <tr>186 <td className="py-1">187 <img src={require("../../assets/images/faces/face5.jpg")} alt="user icon" />188 </td>189 <td> Edward </td>190 <td>191 <ProgressBar variant="danger" now={60} />192 </td>193 <td> $ 160.25 </td>194 <td> May 03, 2015 </td>195 </tr>196 <tr>197 <td className="py-1">198 <img src={require("../../assets/images/faces/face6.jpg")} alt="user icon" />199 </td>200 <td> John Doe </td>201 <td>202 <ProgressBar variant="info" now={65} />203 </td>204 <td> $ 123.21 </td>205 <td> April 05, 2015 </td>206 </tr>207 <tr>208 <td className="py-1">209 <img src={require("../../assets/images/faces/face7.jpg")} alt="user icon" />210 </td>211 <td> Henry Tom </td>212 <td>213 <ProgressBar variant="warning" now={20} />214 </td>215 <td> $ 150.00 </td>216 <td> June 16, 2015 </td>217 </tr>218 </tbody>219 </table>220 </div>221 </div>222 </div>223 </div>224 <div className="col-lg-12 grid-margin stretch-card">225 <div className="card">226 <div className="card-body">227 <h4 className="card-title">Bordered table</h4>228 <p className="card-description"> Add className <code>.table-bordered</code>229 </p>230 <div className="table-responsive">231 <table className="table table-bordered">232 <thead>233 <tr>234 <th> # </th>235 <th> First name </th>236 <th> Progress </th>237 <th> Amount </th>238 <th> Deadline </th>239 </tr>240 </thead>241 <tbody>242 <tr>243 <td> 1 </td>244 <td> Herman Beck </td>245 <td>246 <ProgressBar variant="success" now={25} />247 </td>248 <td> $ 77.99 </td>249 <td> May 15, 2015 </td>250 </tr>251 <tr>252 <td> 2 </td>253 <td> Messsy Adam </td>254 <td>255 <ProgressBar variant="danger" now={75} />256 </td>257 <td> $245.30 </td>258 <td> July 1, 2015 </td>259 </tr>260 <tr>261 <td> 3 </td>262 <td> John Richards </td>263 <td>264 <ProgressBar variant="warning" now={90} />265 </td>266 <td> $138.00 </td>267 <td> Apr 12, 2015 </td>268 </tr>269 <tr>270 <td> 4 </td>271 <td> Peter Meggik </td>272 <td>273 <ProgressBar variant="primary" now={50} />274 </td>275 <td> $ 77.99 </td>276 <td> May 15, 2015 </td>277 </tr>278 <tr>279 <td> 5 </td>280 <td> Edward </td>281 <td>282 <ProgressBar variant="danger" now={35} />283 </td>284 <td> $ 160.25 </td>285 <td> May 03, 2015 </td>286 </tr>287 <tr>288 <td> 6 </td>289 <td> John Doe </td>290 <td>291 <ProgressBar variant="info" now={65} />292 </td>293 <td> $ 123.21 </td>294 <td> April 05, 2015 </td>295 </tr>296 <tr>297 <td> 7 </td>298 <td> Henry Tom </td>299 <td>300 <ProgressBar now={60} />301 <ProgressBar variant="warning" now={20} />302 </td>303 <td> $ 150.00 </td>304 <td> June 16, 2015 </td>305 </tr>306 </tbody>307 </table>308 </div>309 </div>310 </div>311 </div>312 <div className="col-lg-12 grid-margin stretch-card">313 <div className="card">314 <div className="card-body">315 <h4 className="card-title">Inverse table</h4>316 <p className="card-description"> Add className <code>.table-dark</code>317 </p>318 <div className="table-responsive">319 <table className="table table-dark">320 <thead>321 <tr>322 <th> # </th>323 <th> First name </th>324 <th> Amount </th>325 <th> Deadline </th>326 </tr>327 </thead>328 <tbody>329 <tr>330 <td> 1 </td>331 <td> Herman Beck </td>332 <td> $ 77.99 </td>333 <td> May 15, 2015 </td>334 </tr>335 <tr>336 <td> 2 </td>337 <td> Messsy Adam </td>338 <td> $245.30 </td>339 <td> July 1, 2015 </td>340 </tr>341 <tr>342 <td> 3 </td>343 <td> John Richards </td>344 <td> $138.00 </td>345 <td> Apr 12, 2015 </td>346 </tr>347 <tr>348 <td> 4 </td>349 <td> Peter Meggik </td>350 <td> $ 77.99 </td>351 <td> May 15, 2015 </td>352 </tr>353 <tr>354 <td> 5 </td>355 <td> Edward </td>356 <td> $ 160.25 </td>357 <td> May 03, 2015 </td>358 </tr>359 <tr>360 <td> 6 </td>361 <td> John Doe </td>362 <td> $ 123.21 </td>363 <td> April 05, 2015 </td>364 </tr>365 <tr>366 <td> 7 </td>367 <td> Henry Tom </td>368 <td> $ 150.00 </td>369 <td> June 16, 2015 </td>370 </tr>371 </tbody>372 </table>373 </div>374 </div>375 </div>376 </div>377 <div className="col-lg-12 stretch-card">378 <div className="card">379 <div className="card-body">380 <h4 className="card-title">Table with contextual classNames</h4>381 <p className="card-description"> Add className <code>.table-{color}</code>382 </p>383 <div className="table-responsive">384 <table className="table table-bordered">385 <thead>386 <tr>387 <th> # </th>388 <th> First name </th>389 <th> Product </th>390 <th> Amount </th>391 <th> Deadline </th>392 </tr>393 </thead>394 <tbody>395 <tr className="table-info">396 <td> 1 </td>397 <td> Herman Beck </td>398 <td> Photoshop </td>399 <td> $ 77.99 </td>400 <td> May 15, 2015 </td>401 </tr>402 <tr className="table-warning">403 <td> 2 </td>404 <td> Messsy Adam </td>405 <td> Flash </td>406 <td> $245.30 </td>407 <td> July 1, 2015 </td>408 </tr>409 <tr className="table-danger">410 <td> 3 </td>411 <td> John Richards </td>412 <td> Premeire </td>413 <td> $138.00 </td>414 <td> Apr 12, 2015 </td>415 </tr>416 <tr className="table-success">417 <td> 4 </td>418 <td> Peter Meggik </td>419 <td> After effects </td>420 <td> $ 77.99 </td>421 <td> May 15, 2015 </td>422 </tr>423 <tr className="table-primary">424 <td> 5 </td>425 <td> Edward </td>426 <td> Illustrator </td>427 <td> $ 160.25 </td>428 <td> May 03, 2015 </td>429 </tr>430 </tbody>431 </table>432 </div>433 </div>434 </div>435 </div>436 </div>437 </div>438 )439 }440}...
Using AI Code Generation
1var test = require('webpagetest');2var wptd = new test('www.webpagetest.org');3 if (err) {4 console.log(err);5 } else {6 console.log('Test id: ' + data.data.testId);7 wptd.getTestResults(data.data.testId, function (err, data) {8 if (err) {9 console.log(err);10 } else {11 console.log(data);12 }13 });14 }15});16var test = require('webpagetest');17var wptd = new test('www.webpagetest.org', function (err) {18 if (err) {19 console.log(err);20 }21});22 if (err) {23 console.log(err);24 } else {25 console.log(data);26 }27});28 .then(function (data) {29 console.log(data);30 })31 .catch(function (err) {32 console.log(err);33 });34wptd.getTestResults('160704_8R_7b9e0f2d7b3d3c3e7f0f4b4a7b0b0c2', function (err, data) {35 if (err) {36 console.log(err);37 } else {38 console.log(data);39 }40});
Using AI Code Generation
1var td = require('testdouble');2var foo = td.function();3td.when(foo('bar')).thenReturn('baz');4var td = require('testdouble');5var foo = td.function();6td.when(foo('bar')).thenReturn('baz');7var td = require('testdouble');8var foo = td.function();9td.when(foo('bar')).thenReturn('baz');10var td = require('testdouble');11var foo = td.function();12td.when(foo('bar')).thenReturn('baz');13var td = require('testdouble');14var foo = td.function();15td.when(foo('bar')).thenReturn('baz');16var td = require('testdouble');17var foo = td.function();18td.when(foo('bar')).thenReturn('baz');19var td = require('testdouble');20var foo = td.function();21td.when(foo('bar')).thenReturn('baz');22var td = require('testdouble');23var foo = td.function();24td.when(foo('bar')).thenReturn('baz');25var td = require('testdouble');26var foo = td.function();27td.when(foo('bar')).thenReturn('baz');28var td = require('testdouble');29var foo = td.function();30td.when(foo('bar')).thenReturn('baz');31var td = require('testdouble');
Using AI Code Generation
1var wptd = require('wptd');2var td = wptd.td;3var tr = wptd.tr;4var th = wptd.th;5var wptd = require('wptd');6var table = wptd.wptd;7var wptd = require('wptd');8var table = wptd.wptd;9var wptd = require('wptd');10var table = wptd.wptd;11var wptd = require('wptd');12var table = wptd.wptd;13var wptd = require('wptd');14var table = wptd.wptd;15var wptd = require('wptd');16var table = wptd.wptd;17var wptd = require('wptd');18var table = wptd.wptd;19var wptd = require('wptd');20var table = wptd.wptd;21var wptd = require('wptd');22var table = wptd.wptd;23var wptd = require('wptd');24var table = wptd.wptd;25var wptd = require('wptd');26var table = wptd.wptd;27var wptd = require('wptd');28var table = wptd.wptd;29var wptd = require('wptd');30var table = wptd.wptd;
Using AI Code Generation
1var wpt = require('webpagetest');2var td = require('testdouble');3var tdWpt = td.replace(wpt, 'test');4var test = require('tape');5var testFile = require('./fileToTest');6test('test', function(t){7 t.plan(1);8 testFile.test(tdWpt, function(data){9 t.equal(data, 'data');10 });11});12var wpt = require('webpagetest');13var td = require('testdouble');14var tdWpt = td.replace(wpt, 'test');15var test = require('tape');16var testFile = require('./fileToTest');17test('test', function(t){18 t.plan(1);19 testFile.test(tdWpt, function(data){20 t.equal(data, 'data');21 });22});23var fs = require('fs');24module.exports = {
Using AI Code Generation
1var wptd = require("wptd");2var td = wptd.td;3 if(err){4 console.log(err);5 }else{6 console.log(data);7 }8});9var wptd = require("wptd");10var td = wptd.td;11 if(err){12 console.log(err);13 }else{14 console.log(data);15 }16});17var wptd = require("wptd");18var td = wptd.td;19 if(err){20 console.log(err);21 }else{22 console.log(data);23 }24});25var wptd = require("wptd");26var td = wptd.td;27 if(err){28 console.log(err);29 }else{30 console.log(data);31 }32});33var wptd = require("wptd");34var td = wptd.td;35 if(err){36 console.log(err);37 }else{38 console.log(data);39 }40});41var wptd = require("wptd");42var td = wptd.td;43 if(err){44 console.log(err);45 }else{46 console.log(data);47 }48});
Using AI Code Generation
1var td = require('testdouble')2var assert = require('assert')3var test = td.function()4td.when(test()).thenReturn('test')5assert.equal(test(), 'test')6console.log('test.js is done')7var td = require('testdouble')8var assert = require('assert')9var test = td.function()10td.when(test()).thenReturn('test2')11assert.equal(test(), 'test2')12console.log('test2.js is done')13var td = require('testdouble')14var assert = require('assert')15var test = td.function()16td.when(test()).thenReturn('test3')17assert.equal(test(), 'test3')18console.log('test3.js is done')19var td = require('testdouble')20var assert = require('assert')21var test = td.function()22td.when(test()).thenReturn('test4')23assert.equal(test(), 'test4')24console.log('test4.js is done')25var td = require('testdouble')26var assert = require('assert')27var test = td.function()28td.when(test()).thenReturn('test5')29assert.equal(test(), 'test5')30console.log('test5.js is done')31var td = require('testdouble')32var assert = require('assert')33var test = td.function()34td.when(test()).thenReturn('test6')35assert.equal(test(), 'test6')36console.log('test6.js is done')37var td = require('testdouble')38var assert = require('assert')39var test = td.function()40td.when(test()).thenReturn('test7')41assert.equal(test(), 'test7')42console.log('test7.js is done')43var td = require('testdouble')44var assert = require('assert')45var test = td.function()46td.when(test()).thenReturn('test8')47assert.equal(test(), 'test8')48console.log('test8.js is done')
Learn to execute automation testing from scratch with LambdaTest Learning Hub. Right from setting up the prerequisites to run your first automation test, to following best practices and diving deeper into advanced test scenarios. LambdaTest Learning Hubs compile a list of step-by-step guides to help you be proficient with different test automation frameworks i.e. Selenium, Cypress, TestNG etc.
You could also refer to video tutorials over LambdaTest YouTube channel to get step by step demonstration from industry experts.
Get 100 minutes of automation test minutes FREE!!