سانچو:Sticky header

سانچي جي دستاويز[ڏسو] [ترميم] [تاريخ] [تازو ڪريو]

هي سانچو ھزارين صفحن تي استعمال ٿئي ٿو، تنهنڪري ان ۾ ڪيل تبديليون وڏي پيماني تي نظر اچي سگهن ٿيون۔ تبديليون لاڳو ڪرڻ کان اڳ، مهرباني ڪري انهن کي سانچي جي /ريتخاني يا /آزمائشي حالتون وارن ذيلي صفحن ۾ آزمائي ڏسو، يا پنهنجي يوزر ذيلي صفحي ۾ جانچ ڪريو۔ تبديليون لاڳو ڪرڻ کان اڳ ڳالهيون صفحي تي بحث ڪرڻ تي پڻ غور ڪيو۔

Shortcut

{{sticky-header}}

This template uses TemplateStyles:

Template:Sticky header/styles.css

هي سانچو ٽيبل جي ڪالمن وارن سرخين کي اسڪرين جي مٿئين حصي سان چنبڙيل رکي ٿو، جڏهن ٽيبل جو ڊيٽا حصو مٿي هيٺ اسڪرول ٿئي ٿو. اهو ڊگهن ٽيبلن ۾ استعمال ٿيندو آهي، جتي ڊيٽا ڏسندي ڏسندي ڪالمن جا عنوان ياد رکڻ ڏکيو ٿي سگهي ٿو. جيڪڏهن توهان چاهيو ٿا ته ٽيبل مٿي کان به sticky هجي ۽ پاسي کان به sticky هجي، ته {{sticky table start}} ڏسو.

استعمال

هن سانچي کي ٽيبل جي مٿان {{sticky header}} يا ان جي redirect {{sticky-header}} شامل ڪري استعمال ڪريو. پوءِ ٽيبل جي شروعاتي وڪي ٽيڪسٽ ۾ هيٺين مان ڪا هڪ class شامل ڪريو.

ٽيبل جي شروعاتي وڪي ٽيڪسٽ لاءِ classes: `{| class="class1 class2"`.
Class	خلاصو
`sticky-header`	پهرين header قطار کي مٿان sticky بڻائي ٿو.
`sticky-header-multi`	sortable ٽيبل لازمي آهي. ڪيترين header قطارن کي مٿان sticky بڻائي ٿو. `sorttop` class سان گڏ استعمال ڪرڻ کان پاسو ڪريو، ڇاڪاڻ ته sorting کان پوءِ اها به sticky ٿي ويندي. اهڙين header قطارن کي sticky نه بڻايو جيڪي پوري ٽيبل لاءِ نه هجن (مثال طور سيڪشن header قطارون). تمام گهڻيون اوچيون header قطارون sticky نه بڻايو، ڇو ته ننڍين اسڪرينن تي اهي گهڻو ڊيٽا ڍڪي سگهن ٿيون (مثال طور موبائل landscape). `class=unsortable` ضرورت هجي ته سڀني ڪالمن ۾ شامل ڪري سگهجي ٿو. هيٺ ڏسو: #Multi-row header that can't be visibly sortable

هڪڙي sticky header قطار

sticky-header class پهرين header قطار کي مٿان sticky بڻائڻ لاءِ استعمال ٿيندي آهي. Sortable هجڻ لازمي ناهي. sorttop ۽ sortbottom هڪڙي header قطار جي صورت ۾ مسئلو ناهن.

{{sticky header}}
{| class="wikitable sortable sticky-header"
|+ Caption
|-
! Color !! A !! B
! class="unsortable" | C
|- class=sorttop
| '''Max''' || 10 || 11 || 12
|-
| Red || 1 || 2 || 3
|-
| Lime || 4 || 5 || 6
|-
| Gold || 7 || 8 || 9
|-
| Blue || 10 || 11 || 12
|- class=sortbottom
| '''Total''' || 22 || 26 || 30
|}

گهڻيون اسٽڪي ھيڊر قطارون

Tracked in Phabricator
Task T6740

Tracked in Phabricator
Task T355492

sticky-header-multi class ڪيترين ھيڊر قطارن کي مٿان اسٽڪي بڻائڻ لاءِ استعمال ٿيندي آهي. چونڊ لائق جدول لازمي آهي، ڇاڪاڻ ته هن وقت sortable ئي اهو طريقو آهي جنهن سان لاڳيتين header قطارن کي <thead> عنصر ۾ منتقل ڪري سگهجي ٿو. جيڪڏهن ڪجهه يا سڀ ڪالم sortable نه هجڻ گهرجن، ته sorting icon واري header cell ۾ class=unsortable وجهي سگهجي ٿو. ٽيبل جو مٿيون حصو پوءِ به sticky رهندو. Help:Sortable tables ڏسو. جيڪڏهن JavaScript بند هجي، ته sortable ۽ هي حل ڪم نه ڪندا.

Sorttop بمقابله sortbottom

sorttop class استعمال ڪرڻ کان پاسو ڪريو، ڇاڪاڻ ته sortable sorting کان پوءِ انهن قطارن کي <thead> عنصر ۾ منتقل ڪري ٿو، جنهن ڪري اهي به مٿان sticky ٿي وڃن ٿيون. هڪ حل اهو ٿي سگهي ٿو ته انهن کي هيٺ منتقل ڪيو وڃي ۽ بدران sortbottom class استعمال ڪئي وڃي.

{{sticky header}}
{| class="wikitable sortable sticky-header-multi"
|+ Caption
|-
! rowspan=2 | Color
! colspan=3 | Data
|-
! A !! B
! class="unsortable" | C
|-
| Red || 1 || 2 || 3
|-
| Lime || 4 || 5 || 6
|-
| Gold || 7 || 8 || 9
|-
| Blue || 10 || 11 || 12
|- class=sortbottom
| '''Max''' || 10 || 11 || 12
|- class=sortbottom
| '''Total''' || 22 || 26 || 30
|}

قطار شروعات ۾ مٿان هوندي آهي ۽ sorting کان پوءِ هيٺ هلي ويندي آهي

هي ٽيبل اقتباس ٽيرف شرح مطابق دنيا جي ملڪن جي فھرست مان ورتل آهي. "دنيا" واري قطار لاءِ sorttop بدران sortbottom استعمال ٿيل آهي. تنهن ڪري چونڊ کان پوءِ دنيا واري قطار اسٽڪي نه ٿيندي. چونڊ کان پوءِ اها علائقائي قطارن سان گڏ هيٺ هلي ويندي. سانچو:Mw-datatable

Country/Territory/Region/Group	WB		WTO		UNCTAD
Country/Territory/Region/Group	Tariff rate, applied, weighted mean, all products	Year	Simple average applied MFN tariff, all products	Year	Import tariff rates on non-agricultural and non-fuel products	Year
WORLD	2.59%	2017
آروبا	0%	2021			10.80%	2021
افغانستان	0%	2018	6.5%	2018	0%	2018
انگولا	0%	2021	10.9%	2021	0%	2021
سانچو:AIA					13.14%	2021
Low & middle income economies (WB)	4.28%	2017
Low-income economies (WB)	9.79%	2017
Middle-income economies (WB)	N/A
Upper middle income economies (WB)	3.70%	2017
High-income economies (WB)	2.02%	2017
European Union	1.39%	2021	5.2%	2021	1.49%	2021

اهي ھيڊر قطارون جيڪي پوري ٽيبل لاءِ ناهن

ڪالمن جي لاڳيتي ھيڊر قطارون مٿان اسٽڪي ٿين ٿيون، تنهن ڪري ڪالمن جي ھيڊر قطارن جي بلڪل هيٺ اهڙي ھيڊر قطار شامل ڪرڻ کان پاسو ڪريو جيڪا پوري ٽيبل تي لاڳو نه ٿئي، جهڙوڪ اهڙو سيڪشن ھيڊر جيڪو رڳو بصري الڳ ڪرڻ لاءِ هجي.

هڪ حل اهو ٿي سگهي ٿو ته هر سيڪشن کي الڳ ڪالم يا الڳ ٽيبلن ۾ منتقل ڪيو وڃي، جيڪو موجب پھچ جي مسئلن کان به بچائيندو.

ٻيو حل اهو ٿي سگهي ٿو ته آخري ڪالم ھيڊر قطار ۽ پهرين سيڪشن ھيڊر قطار جي وچ ۾ data cells جي خالي قطار (| colspan=4 |) شامل ڪئي وڃي ته جيئن سيڪشن ھيڊرئ لاڳيتين ھيڊر قطارن ۾ شامل نه ٿئي.

{{sticky header}}
{| class="wikitable sortable sticky-header-multi"
|+ Caption
|-
! rowspan=2 | Color
! colspan=3 | Data
|-
! A !! B !! C
|-
| colspan=4 |
|-
! colspan=4 | Section 1
|-
| Red || 1 || 2 || 3
|-
| Lime || 4 || 5 || 6
|-
! colspan=4 | Section 2
|-
| Gold || 7 || 8 || 9
|-
| Blue || 10 || 11 || 12
|}

تمام اوچيون ھيڊر قطارون

تمام اوچين header قطارن کان پاسو ڪريو، ڇو ته جڏهن اهي اسٽڪي ٿين ٿيون ته ننڍين موبائل اسڪرينن تي، خاص ڪري صفحي جي اورينٽيشن ۾، گهڻو يا سمورو ڊيٽا ڍڪي سگهن ٿيون. ڪجهه حل هي ٿي سگهن ٿا: ڪجهه header متن کي table caption ۾ منتقل ڪيو وڃي، وڌيڪ مختصر header متن استعمال ڪيو وڃي، headers مان line-breaks (<br>) هٽايا وڃن، يا ٽيبل کي ننڍن ٽيبلن ۾ ورهايو وڃي ته جيئن headers گهٽجن.

Header group 1
Header group 2		Header group 3
Header 1	Header 2	Header 3	Header 4
data	data	data	data
data	data	data	data
data	data	data	data
data	data	data	data
data	data	data	data
data	data	data	data
data	data	data	data
data	data	data	data

گهڻ قطاري ھيڊر جيڪو ظاهري طور چونڊ لائق نه ٿي سگهي

هي ٽيبل هتان ورتل آهي: AptX#Variants. اهو class=sortable استعمال ڪري ٿو ته جيئن گهڻ قطاري اسٽڪي ھيڊر ملي سگهي، پر هر ڪالم الڳ الڳ class=unsortable استعمال ڪري ٿو.

ڪنهن به ڪالم کي چونڊ لائق نٿو بڻائي سگهجي، ڇاڪاڻ ته هڪ ئي ڪالم ۾ موجود ڄاڻ ۽ ڊيٽا جا قسم گهڻو مختلف آهن، ۽ ان کي الفابيٽ يا انگن موجب ترتيب ڏيڻ جو ڪو خاص فائدو ناهي. ان کان سواءِ، ڪنهن به ڪالم کي sort ڪرڻ سان پهرين ڪالم ۾ موجود rowspans ختم ٿي ويندا آهن، جيڪي ٽيبل جي مجموعي ترتيب ڏيکارين ٿا.

سانچو:Mw-datatable

aptX variants
		SBC (for reference)	aptX	aptX LL	aptX HD	aptX Adaptive			Audio CD (for reference)
		SBC (for reference)	aptX	aptX LL	aptX HD	@ 279 kbit/s	@ 420 kbit/s	@ up to ~1.2 Mbit/s	Audio CD (for reference)
misc.	Launch	?	< 2009	2012	2016	2018		2021	1980s
	Trademark	–	Qualcomm (until August 2015: CSR, until July 2010: APT Licensing, until March 2005: Solid State Logic)						–
	Related patents	سانچو:Patent (expired)	سانچو:Patent (revoked)	aptX, سانچو:Patent (expired)	aptX	?			–
	Free implementations	FFmpeg, libsbc	FFmpeg, libopenaptx	FFmpeg, libopenaptx	FFmpeg, libopenaptx	N/A			–
	Proprietary implementations	Multiple	Qualcomm libaptX	None	Qualcomm libaptXHD	?			–
	Chip	–	CSR8635	CSR8670	CSR8675	QCC5100			–
Audio Encoding	Word depth	?	16-bit	16-bit	16-bit 24-bit	24-bit		16-bit	16-bit
	Sampling rate	44.1 kHz 48 kHz	44.1 kHz 48 kHz	44.1 kHz 48 kHz	44.1 kHz 48 kHz	44.1 kHz 48 kHz 96 kHz		44.1 kHz	44.1 kHz
	Bit rate	345 kbit/s (@ 48 kHz)	352 kbit/s (@ 44.1 kHz) 384 kbit/s (@ 48 kHz)	352 kbit/s (@ 48 kHz)	576 kbit/s (24 bits @ 48 kHz)	279 kbit/s	420 kbit/s	~140 kbit/s to 1.2 mbit/s (content dependent)	1411 kbit/s (@ 44.1 kHz)
	Bit rate	Constant	Constant	Constant	Constant	Variable		Variable	Constant
	Codec latency	?	1.8 – 2.0 ms	?	1.8 – 2.0 ms	1.4 – 2.0 ms		?	–
	Hardware transmitter latency	?	?	≈ 40 ms (using dedicated antenna)	?	≈ 80 ms		?	–
	Software transmitter latency (most phones)	200 – 500 ms depending on the transmitting device							–
	Backwards compatible with	–	SBC	SBC, aptX	SBC, aptX	SBC, aptX, aptX HD		?	?
Sound quality	THD+N @ 1 kHz		−67 dB or −85 dB?	−85 dB	-80 dB or −90 dB?	−90 dB	−100 dB	−96 dB	−96 dB
	Multi-tone @ 1 kHz		−100 dB	?	−100 dB	−90 dB	−100 dB	?
	Multi-tone @ 10 kHz		−65 dB	?	−90 dB	−85 dB	−95 dB	?
	Crosstalk		−120 dB	?	−155 dB	−90 dB	−200 dB	?
	SNR @ 1 kHz		93 dB	93 dB	129 dB	130 dB	135 dB	−96 dB	−96 dB
	PEAQ ODG		−0.18 or −0.08?	?	0.05 or 0.04?	−0.06	0.045	?
	Frequency response over Bluetooth		20 Hz – 22.7 kHz	20 Hz – 22.7 kHz	20 Hz – 22.7 kHz	20 Hz – 22.7 kHz		20 Hz – 22 kHz	20 Hz – 22 kHz

ڄاتل مسئلا

سيل فون وغيره ۾ جانچ لاءِ narrow اسٽڪي جدولون وارو صفحو ڏسو. 9 آگسٽ 2025 تائين {{Sticky header}} جديد iOS (18.6) واري آئي فون ايس اي 2020 ۾ سفاري، ڪروم، فائرفوڪس، ايج ۽ Opera جي جديد نسخن ۾ ڪم نه پيو ڪري.

جاچ ونڊوز 10، ونڊوز 11، آئي او ايس 18 (آئي فون ايس اي 2020)، آئي او ايس 17 (آئي فون 14 پرو ميڪس)، ۽ اينڊرائيڊ 14 (سام سنگ گيليڪسي ايس21) وارن برائوزرن ۾ ڪئي وئي.

اسٽڪي ٽيبل کي اهڙي عنصر ۾ نه ويڙهيو جنهن ۾ اوور فلو اسٽائل هجي، نه ته اهو صفحي جي مٿي سان نه چنبڙندو ۽ ڪجهه حالتن ۾ ھيڊرس ٿورو هيٺ ڌڪجي ويندا. ڇا نه ڪرڻ گهرجي، ان جو مثال: <div style="overflow: auto;"></div>. overflow، overflow-y، يا overflow-x کي "آٽو اسڪرال"، يا "لڪل" ڪرڻ کان پاسو ڪريو.
جڏهن {{Anchor}} (يا ان جهڙو anchor وارو طريقو؛ ڏسو وڪيپيڊيا:ANCHOR) ھيڊ-اسٽڪي ٽيبل جي ڪنهن حصي ڏانهن ڳنڍڻ لاءِ استعمال ٿئي ٿو، ته ڳنڍيل هدف صفحي جي مٿي اسٽڪي عنصرن جي پويان هليو وڃي ٿو. هدف جو ڪجهه يا سڄو حصو، ٽارگيٽ ۽ اسٽڪي عنصرن جي اوچائيءَ تي دارومدار ڪندي، ڍڪجي سگهي ٿو.
جڏهن ٽيبل ننڍين اسڪرينن (<=639px، عام طور پورٽريٽ اورينٽيشن) يا Timeless skin ۾ مواد واري حصي کان وڌيڪ ويڪرا هوندا آهن، ته اهي پنهنجي افقي scroll سان ٺهيل هوندا آهن. پر اينڊرائيڊ فونن ۾ اسٽڪي ھيڊرس سان، هي ڪم ڪڏهن ڪڏهن ناڪام ٿي سگهي ٿو، ڇاڪاڻ ته هارڊويئر، برائوزر rendering، ۽ اوور فلو جي سنڀال جي پيچيده لهه وچڙ سبب مسئلو پيدا ٿئي ٿو. ان سان ٽيبل صفحي کان ٻاهر نڪري وڃن ٿا ۽ پيج-ليول اسڪرال پيدا ٿئي ٿي، جيڪا صفحي جي layout کي خراب ڪري ٿي. ڪجهه اينڊرائيڊ ڊوائيسن تي، جهڙوڪ گيليڪسي ايس 20 ۽ گيليڪسي ايس 21 تڏهن تائين ڪم نٿا ڪن جيستائين استعمال ڪندڙ زوم آئوٽ نه ڪري، جنهن سان پڙهڻ ۾ مسئلا پيدا ٿين ٿا، جڏهن ته ٻين تي، جهڙوڪ Galaxy F14 5G (ريبرانڊيڊ M14), اهي اسڪرال واري مسئلي باوجود صحيح ڪم ڪن ٿا. هي آئي فون کان مختلف آهي، جيڪو ٻنهي پاسن کي صحيح نموني سنڀالي ٿو. انهن اختلافن سبب، ننڍين اسڪرينن تي اسٽڪي ھيڊرس کي accessibility هدايتن موجب بند ڪيو ويو آهي. انهن کي فعال ڪرڻ لاءِ، واپرائيندڙ:Jroberson108/StickyTableHeadersFix ڏسو.
سفاري 14.1.2 ۾، هڪ top-sticky thead

(sticky-header-multi class) صفحي جي بلڪل مٿئين حصي سان لڳل هوندو آهي، پر هڪ اسٽڪي قطار (sticky-header class) ائين نه هوندي ۽ ان جي مٿان خالي وٿي رهجي ويندي آهي. گهڻو امڪان آهي ته اهو سفاري 14 ۾ لي آئوٽ جو بگ آهي، جتي اهو قطارن جي sticky positioning کي ويو پورٽ جي مٿئين حصي جي بدران ٽيبل جي ڪناري جي نسبت سان ڳڻي ٿو. Safari 16.6.1 ۾ اهو مسئلو موجود ناهي.

پڻ ڏسو

مدد:Table/Advanced § Tables with sticky headers
{{sticky table start}} - اسڪرول ٿيندڙ علائقي اندر sticky قطارن ۽ ڪالمن جي اجازت ڏئي ٿو.
{{shy}} – ڪنهن لفظ ۾ سافٽ ھائفن شامل ڪري ڪالمن کي تنگ ڪرڻ ۾ مدد لاءِ استعمال ٿي سگهي ٿو ته جيئن اهو ٽٽي سگهي.

ٽيبلن لاءِ وڌيڪ template styles:

{{sort under}} - sorting جا تير سرخين جي هيٺان آڻي ٿو.
{{row hover highlight}} - قطار تي hover ڪرڻ وقت نمايان ڪرڻ شامل ڪري ٿو، ۽ اڇي پسمنظر جو اختيار به ڏئي ٿو.
{{static row numbers}} - ٽيبل ۾ قطار نمبرن جو ڪالم شامل ڪري ٿو.
{{table alignment}} - ڪنهن ڪالم يا پوري ٽيبل جي خانن کي سڌو ڪري ٿو.

مٿيون دستاويز سانچو:Sticky header/doc مان شامل ڪيو ويو آهي.
ايڊيٽر هن سانچي جي sandbox ۽ آزمائشي ڪيس صفحن ۾ آزمائش ڪري سگهن ٿا.
/doc ذيلي صفحي ۾ زمرا شامل ڪريو. هن سانچي جا ذيلي صفحا.