鍩烘湰浠嬬粛S2鏄疉ntV鍥㈤槦鎺ㄥ嚭鐨勪竴娆炬暟鎹〃鏍煎彲瑙嗗寲寮曟搸锛屾棬鍦ㄦ彁渚涢珮鎬ц兘銆佹槗鎵╁睍銆佺編瑙傘€佹槗鐢ㄧ殑澶氱淮琛ㄦ牸銆傚畠涓嶄粎鍏锋湁涓板瘜鐨勫垎鏋愯〃鏍煎舰寮忥紝杩樺唴缃赴瀵岀殑浜や簰鍔熻兘锛屽府鍔╃敤鎴锋洿濂藉湴闃呰鏁版嵁鍜屽仛鍑哄喅绛栥€傛櫘閫氳〃鏄敤鏉ュ睍绀哄ぇ閲忕粨鏋勫寲鏁版嵁鐨勭粍浠躲€傚綋闇€瑕佹帓搴忋€佹悳绱€佸垎椤点€佽嚜瀹氫箟鎿嶄綔绛夊鏉傝涓烘椂锛孉ntdTable鏈夋洿濂界殑鍐呯疆浜や簰鍜屽疄鐜般€傚姛鑳藉垎鏋愬拰涓よ€呴兘鍙互鐢ㄤ簬鏄剧ず琛屽拰鍒楁暟鎹紝骞朵笖涓よ€呭叿鏈夐潪甯稿ソ鐨勪氦浜掑拰鎬ц兘銆傚湪杩涜鎶€鏈€夊瀷涔嬪墠锛岄渶瑕佸杩欎袱涓〃鐨勫姛鑳界壒鐐规湁涓€涓叏闈㈢殑浜嗚В銆備笅闈㈡€荤粨涓€涓嬭繖涓や釜琛ㄧ殑鍔熻兘鐗圭偣銆侫ntdTable浣跨敤浠嬬粛闇€瑕乨ataSource鍜宑olumns銆傚嵆娓叉煋涓€涓〃鏍奸渶瑕佹暟鎹拰鍒楃殑閰嶇疆銆?TabledataSource={dataSource}columns={columns}/>CellcontentAntdTablecells鍙互鑷畾涔夋覆鏌擄紝鍙渶瑕佸湪render鍑芥暟涓緭鍑簉eactdom鍗冲彲銆傜敤鎴峰彲浠ュ湪鍗曞厓鏍间腑娓叉煋浠讳綍褰㈠紡锛屽閾炬帴銆佹爣绛俱€佸浘鐗囥€佸閫夋绛夈€傚彲閫堿ntdTable鍐呯疆琛岄€夋嫨鎿嶄綔锛屾坊鍔爎owSelection瀹炵幇琛屽垪鍚堝苟鍦ㄩ厤缃垪涓紝閫氳繃onCell鍥炶皟璁剧疆colSpan鐨勫€硷紝0琛ㄧず涓嶆覆鏌擄紝2琛ㄧず娓叉煋2涓牸瀛愩€俢onstcolumns=[{title:'Name',dataIndex:'name',render:(text,row,index)=>{text},onCell:(_,index)=>({colSpan:index<4?1:5,}),}]鍦ㄦ爲鐨勫舰寮忎腑锛屽彧闇€灏嗗瀛愭坊鍔犲埌鏁版嵁婧愩€俢onstdata=[{key:1,name:'JohnBrownsr.',age:60,address:'NewYorkNo.1LakePark',children:[{key:11,name:'JohnBrown',age:42,address:'NewYorkNo.2LakePark',}]}]鍐荤粨琛屽垪澶存槸閫氳繃璁剧疆婊氬姩鍧愭爣鏉ュ疄鐜扮殑锛屼緥濡傦細//鏂规硶浜岋細ReactcomponentformS2鎻愪緵浜嗏€渄etails鈥濆拰鈥渄etails鈥濅袱绉嶇被鍨媝erspective鈥濈殑璇︾粏褰㈠紡绫讳技浜嶢ntdTable锛氭垜浠彲浠ヤ粠@antv/s2鍖呬腑瀵煎嚭涓や釜鍩虹被鏉ヤ娇鐢細PivotSheet锛堟暟鎹€忚琛級鍜孴ableSheet锛堟槑缁嗚〃锛夈€傚鏋滃簲鐢ㄦ槸鍩轰簬react鐨勶紝瀵煎嚭@antv/s2-react涓殑缁勪欢锛屼娇鐢╯heetType鍙傛暟鏉ュ尯鍒嗘覆鏌撲笉鍚岀殑琛ㄦ牸銆侷nteractiveS2鎻愪緵鎮仠銆佺偣鍑汇€佸叏閫夈€佸竷灞€璋冩暣銆佸崟鍏冩牸鍚堝苟銆侀摼鎺ヨ烦杞€侀殣钘忓垪鏍囬绛夊姛鑳斤紝鍚屾椂涔熸彁渚涘紑鏀炬帴鍙ｄ緵寮€鍙戣€呰嚜瀹氫箟銆傚垎鏋愯兘鍔汼2鍒嗘瀽鑳藉姏鎻愪緵鏉′欢鏍煎紡銆佷笅閽汇€佹帓搴忋€佸鍑恒€佽鍒楀垏鎹㈢瓑鍔熻兘涓婚銆傚湪瀹為檯涓氬姟涓紝涓氬姟涓婚寰€寰€闇€瑕佸畾鍒躲€係2鍐呯疆涓夊榛樿銆佺偒褰╄摑銆佺畝绾︾伆涓婚銆傜敤鎴疯繕鍙互鑷畾涔夎皟鑹叉澘锛屽揩閫熻嚜瀹氫箟涓婚鍖呫€侾erformanceS2閫夋嫨canvas浣滀负娓叉煋涓讳綋锛屼繚璇佷赴瀵岀殑浜や簰鍜岃法骞冲彴鐨勫吋瀹规€э紝鎻愪緵澶ф暟鎹満鏅笅鐨勯珮鎬ц兘娓叉煋銆傞€氳繃鎸夐渶娓叉煋銆佽櫄鎷熸粴鍔ㄧ瓑锛屼繚璇佽兘澶熷鐞嗙櫨涓囩骇鏁版嵁閲忋€備簩绾ф覆鏌擄紝婊氬姩涓嶅崱椤裤€傛澶栵紝AntVS2杩樺彲浠ュ疄鐜拌嚜瀹氫箟甯冨眬銆佷富棰樸€佹覆鏌撶瓑锛屽苟涓旀嫢鏈変赴瀵岀殑鎵╁睍鏈哄埗锛屽嚑涔庡彲浠ユ敼鍙樹綘鐪嬪埌鐨勪换浣曞唴瀹广€傛洿澶氫俊鎭鍙傝€冨畼缃戞枃妗ｃ€備袱鑰呯殑瀵规瘮浠庡涓柟闈㈠姣斾簡AntVS2鍜孉ntdTable锛屽笇鏈涜兘涓哄ぇ瀹舵彁渚涗竴浜涙妧鏈€夊瀷鏍囧噯銆俢anvas鍜宧tmldomS2鏄疈antv/g娓叉煋鐨刢anvas琛ㄦ牸锛孉ntdTable鏄痟tmldom瀹炵幇鐨勮〃鏍笺€備袱鑰呯殑鍖哄埆鍙互瀵瑰簲canvas鍜宧tmldom鐨勫尯鍒€傛渶鏄庢樉鐨勫尯鍒槸涓よ€呭鐞嗕簨浠剁殑鏂瑰紡涓嶅悓銆俬tml鐨刣om鏂规硶鍙互鍑嗙‘鐩戝惉浠讳綍dom浜嬩欢锛岃€宑anvas鍙兘鐩戝惉鏈€澶栧眰鐨刢anvas浜嬩欢锛岄渶瑕侀€氳繃浜嬩欢濮旀墭鏉ュ疄鐜帮紝纭畾褰撳墠鐨勭偣鍑荤洰鏍囷紙target锛夈€傚彟涓€涓尯鍒槸鎬ц兘銆傚綋鏁版嵁閲忓緢澶ф椂锛堟瘮濡?0w+绾у埆锛夛紝闅忕潃澶嶆潅搴︾殑澧炲姞锛宧tmldom鐨勬覆鏌撻€熷害浼氫笅闄嶃€侰anvas鐢变簬鍙湁涓€涓狣OM锛屽唴閮ㄨ绠楄€楁椂鍜宑anvas缁樺埗锛屾墍浠ラ噸娓叉煋浣庛€傛墍浠ュ湪澶ф暟鎹満鏅笅锛宑anvas鐨勬€ц兘浼氭洿濂姐€侫ntdTable10w鎬ц兘锛欰ntVS210w鎬ц兘锛氫袱鑰呰繕鏈変竴浜涘叾浠栫殑鍖哄埆锛屾瘮濡俢anvas渚濊禆鍒嗚鲸鐜囷紝鍙互淇濆瓨涓簆ng绛夛紝閫傚悎鍥剧墖瀵嗛泦鐨勫満鏅瓑銆侫ntdTable鏀寔鐨勪氦浜掕兘鍔涜閫夋嫨銆佽繃婊ゃ€佹帓搴忕瓑锛屽彲浠ユ弧瓒冲熀鏈渶姹傘€侫ntVS2鏀寔鎮仠浜ゅ弶瀹氫綅銆佸崟閫夈€佸閫夈€佸渾閫夈€佺敾绗旈€夋嫨銆佹嫋鎷借皟鏁磋鍒楅珮瀹界瓑锛屽苟鎻愪緵涓嬮捇銆佹帓搴忋€佸鍑虹瓑鍔熻兘銆傜浉瀵硅€岃█锛孉ntdTable鎻愪緵浜嗗熀纭€浜や簰鍔熻兘锛孉ntVS2鎻愪緵浜嗛珮绾т氦浜掑姛鑳斤紝鍙互鑷畾涔夋敞鍐岀敤鎴风殑浜や簰鏂瑰紡銆傚浣曞仛鎶€鏈€夊瀷AntdTable閫傜敤浜庢櫘閫氭槑缁嗚〃銆傚鏋滀綘鏄悗鍙扮鐞嗙郴缁燂紝濡傛灉浣犵殑璁捐绋垮拰AntdTable瀹樼綉鐨勪緥瀛愬樊鍒笉澶э紝鍙互鐩存帴浣跨敤AntdTable銆備粈涔堟儏鍐典笅鍙互閫夋嫨S2锛熷綋闇€瑕侀€忚妯″紡鏃讹紝鍙互閫夋嫨S2銆傚綋浣犻渶瑕佸緢澶氫氦浜掔殑鏃跺€欙紝姣斿鎮仠浜ゅ弶瀹氫綅锛屽湀閫夛紝琛屽垪閫夋嫨绛夛紝鍙互閫夋嫨S2銆傚綋鎮ㄩ渶瑕佸垎鏋愯兘鍔涙椂锛屼緥濡傛潯浠舵牸寮忋€佸悜涓嬮捇鍙栬繃婊ゃ€侀珮绾ф帓搴忕瓑锛屾偍鍙互閫夋嫨S2銆傚綋浣犻渶瑕佷笓涓氱殑鏁版嵁鍒嗘瀽琛ㄦ椂锛屽彲浠ラ€夋嫨S2銆傚鏋滄偍涓嶇煡閬撴槸鍚﹂渶瑕丼2锛岄偅涔堟偍灏变笉闇€瑕併€傜粨璇厱琛ㄦ妧鏈€夊瀷缁忛獙鍒嗕韩銆傛€讳箣锛屽湪浜嗚В浜嗕袱鑰呯殑鍔熻兘鐗圭偣鍚庯紝閫夋嫨鑳藉甯姪鎮ㄦ洿濂藉湴瀹炵幇涓氬姟闇€姹傦紝鏇村揩瀹屾垚寮€鍙戠洰鏍囩殑鎶€鏈€傚鏋滄偍瀵硅殏铓丼2鐨勫姛鑳界壒鎬у拰鍒ゆ柇鍔熻兘鑳藉惁瀹炵幇鏈夌枒闂紝鍙互閽夐拤杩涘叆鈥滅敤鎴蜂氦娴佺兢鈥濓紝鎵€鏈夊紑鍙戣€呭湪绾胯В绛斻€傛渶鍚庯紝濡傛灉浣犵湅瀹岃繖绡囨枃绔犳湁浠€涔堟敹鑾凤紝娆㈣繋缁欐垜浠粨搴撲竴涓猻tar馃専馃専馃専馃専榧撳姳锛岃阿璋煓忋€傚弬鑰冮摼鎺ワ細S2瀹樼綉S21.0锛氳繖寮犺〃鈥滀笉绠€鍗曗€濆浣曚娇鐢ˋntVS2蹇€熺粯鍒堕珮鎬ц兘銆佷氦浜掔編瑙傜殑澶氱淮鍒嗘瀽浜ゅ弶琛ㄥ垱寤哄ぇ鏁版嵁琛ㄧ粍浠?/p>
