35 Алати, скрипте и додаци за изградњу прекрасних ХТМЛ табела

Визуализација података је кључ за боље разумијевање гломазних или компликованих информација. Постоји много начина да се то уради визуализујте своје податке тј. можете дизајнирати цоол инфографике или креирати интерактивне графиконе ‐ све зависи од ваших података и начина на који желите да их представите.

Међутим, мој данашњи пост је искључиво на табелама, а неке на истини корисне ресурсе за креирање различитих типова табела. Ево 35 савета, алата, скрипти и додатака који вам могу помоћи у креирању разних табела за представљање података. Дакле, пређимо на детаљан разговор о сваком ресурсу.

Табела јКуери Сниппетс

Ове практични исјечци заједно са једноставним објашњењима помоћи вам да развијете интерактивне табеле. На пример, ови исечци дозвољавају да динамички додате редове, дохватите вредности ћелија, итд.

Стилинг Таблес

Скуп савјета и трикова који помажу у ефикасном обликовању таблица побољшањем изгледа, типографије, поравнања текста и још много тога. Штавише, такође говори о томе додавање боја и графике и прилагођавање наслова заједно са другим аспектима табеле.

Но Море Таблес

Исјечак који вам помаже да креирате табеле са мобилним одзивом које приказују сваки ред засебно на малим екранима. Такође, можете променити боју, фонт и величину фонта, итд. Помоћу ЦСС-а.

Тело табеле за скроловање

Овај трик може да учини да ваше тело таблице може да се помера - функција која се налази у већини алатки за табеларне прорачуне као што су Гоогле табеле. То значи да можеш поправите заглавље табеле и тело табеле или садржај ће се померати, као и обично, чинећи сто видљивијим него раније.

Фикед Табле Хеадер

Још један трик, као што је горе, Фикед Табле Хеадер помаже да се направи табела са фиксним заглављем и скролованим садржајем. Можете прилагодите табелу укључујући боје и фонтове, али овај трик није тако детаљан и објашњен као Сцролл-абле Табле Боди.

Чиста ЦСС табела

Једноставан трик који вам дозвољава означите одређену ћелију на лебдењу - вертикално и хоризонтално. Такође, финални сто је персонализован са прилагођеним бојама и фонтовима. Сматрам да је овај трик најкориснији када требате показати бројеве на столу.

ТАБЛЕИЗЕР!

ТАБЛЕИЗЕР! је онлине алатка која вам омогућава креирајте једноставне табеле у ХТМЛ-у користећи податке из програма Екцел, Гоогле табеле, или било који други алат за табеларне прорачуне. Такође можете да прилагодите финални сто користећи ЦСС, баш као и било која друга табела у ХТМЛ-у.

ХТМЛ табела Генератор

ХТМЛ Табле Генератор је једноставан генератор табела који вам помаже креирајте и прилагодите скоро сваки аспект табеле користећи опције на екрану. Оно што ми се свиђа је да можете креирати табелу ручно, учитати ЦСВ датотеку или увести податке из алата за прорачунске таблице као што је Екцел. Такође можете да стилизујете табелу тако што ћете изабрати тему из скупа предложака.

Куацкит ХТМЛ Табле Генератор

Још један генератор мрежних табела који вам помаже да креирате табеле са скупом опција прилагодљивости. Тхе стилинг Опције укључују величину, боју, границу, итд. Међутим, опција за увоз података недостаје, за разлику од горњег табеларног генератора.

Рапид Таблес ХТМЛ таблични генератор

ХТМЛ табела генератора од Рапид Табеле је још један алат као што је горе два алата. Обезбеђује више опција за прилагођавање од горњег алата, као што су величина, граница, боја, поравнање, и још нешто. Међутим, као и горе наведени алат, он само подржава ручно креирање табеле и не дозвољава увоз датотека или узети податке из алата за прорачунске таблице као што је Гоогле документи.

ХТМЛ Табле Стилер

Алат за прилагођавање табеле, ХТМЛ табела Стилер, вам омогућава да стилизујете табеле користећи опције на екрану које генеришу ЦСС за вашу табелу у ХТМЛ-у. Овај алат, изненађујуће, приказује приказ уживо табеле, омогућавајући вам да тестирате и испробате опције стилинга. Такође, нуди теме за брзо обликовање стола, које такође можете да прилагодите.

Алатке за конверзију

Алатке за конверзију је користан веб сајт за свакога ко се свакодневно бави табелама и табелама. Помаже вам да претворите ХТМЛ табелу у ЦСВ датотеку, Екцел датотеку у ХТМЛ табелу, Екцел датотеку у ЦСВ датотеку и извршите много више конверзија.

ХТМЛ Табле то Див Цонвертер

Алат за конверзију на мрежи, ХТМЛ табела за Див Цонвертер вам омогућава да конвертујете традиционалне табеле у див табеле, тј. Табеле креиране коришћењем 'див' елемената. Све што треба да урадиш је копирајте и налепите табелу на њену страницу и притисните тастер за конвертовање да бисте генерисали див табелу.

Хандсонтабле

Хандсонтабле је иновативна компонента за прорачунске табеле за веб апликације који вам омогућава да брзо развијете и понудите табеле у апликацијама. Нуди широк спектар функција као што је подршка за више оквира, високе перформансе са великом количином података, неопходне могућности као што су претраживање, филтрирање, итд., омогућавајући развојним инжењерима да брзо граде.

Динатабле.јс

Интерактивни додатак за табелу, Динатабле.јс користи ХТМЛ, јКуери и ЈСОН за креирање табела и других структура сличних таблици. Можете креирати табеле директно из ЈСОН-а и укључити све основне функције као што су претраживање, филтрирање, бројање записа и пагинација.

Боотстрап Табле

Боотстрап Табле је проширена верзија табеле која се нуди уз Боотстрап. Смањује ваше време и труд у креирању табела и пружа одговарајући дизајн. То доноси карактеристике попут покретни и фиксни заглавља и функције као што су сортирање, пагинација, итд.

Лист.јс

Лист.јс је једноставан и моћан ЈаваСцрипт плугин који вам омогућава да креирате листе и табеле са флексибилношћу и функционалним функцијама као што су филтер, претраживање и сортирање, Волео сам да је направљен помоћу ЈаваСцрипт-а ванилије, тако да не требате никакву библиотеку треће стране.

јЕкцел

јЕкцел је лаган јКуери плугин који вам омогућава уградите било коју табелу компатибилну са Екцел-ом на своју веб страницу. Додатак помаже у креирању табеле налик Екцел-у, дозвољавајући вам да преместите, промените величину, копирате, налепите и урадите много више са подацима о листовима.

ДатаТаблес

Изузетно флексибилан плугин за јКуери, табеле података вам омогућавају да додате напредне контроле интеракције у било коју ХТМЛ табелу. Помаже вам да додате пагинацију, функцију претраживања, теме итд. Такође, пружа велики број проширења за додавање више функционалности.

јКуери Боотгрид

јКуери Боотгрид је елегантан и интуитиван плугин за креирање и управљање мрежама као што су табеле. Она пружа функције као што су претраживање, пагинација, итд. Заједно са прилагодљивим шаблонима.

јКуери-Табледит

јКуери-Табледит је онлине уредник за Боотстрап компатибилне ХТМЛ таблице које корисницима омогућују уређивање података унутар таблица. Можете дати дугмад за пребацивање између приказа и режима уређивања, укључују гумбе за брисање и враћање и прилагођавање табела помоћу ЦСС-а.

јсГрид

јсГрид је лагани јКуери плугин који помаже креирање и управљање мрежама података. Подржава различите операције на мрежама као што су филтрирање, страничење, сортирање итд. Такође вам омогућава да прилагодите изглед табеле и подржава интернационализацију такође.

Смарт Табле

Робусна библиотека, Смарт Табле, помаже вам да претворите било коју ХТМЛ табелу у паметнију са опцијама попут филтрирајте, претражујте, сортирајте, итд. То је повезано са додатним функцијама које помажу у изградњи корисне и професионалне табеле или мреже са својим додатцима.

ХигхцхартТабле

ХигхцхартТабле аутоматски конвертује ХТМЛ табеле у графиконе и графиконе. Идеално је представити пројектну аналитику и статистику у графиконима заједно са нумеричким подацима у табелама.

ТаблеЕкпорт

ТаблеЕкпорт је једноставна библиотека за извезите ХТМЛ табелу у ЦСВ, ТКСТ или Екцел датотеке. Користећи ову библиотеку, можете лако да правите табеле помоћу функције експорт-то-филе.

Табулатор

Табулатор је јКуери плугин за креирање интерактивних табела из ХТМЛ табеле, ЈаваСцрипт поља, ЈСОН, итд. Подржава готово све стандардне функције табеле као што су претраживање, сортирање, филтрирање, итд. теме, повратне позиве и локализацију.

ФанциГрид

Библиотека мреже, ФанциГрид вам омогућава да креирате лепе табеле заједно са графиконима и графиконима. Подржава много извора података укључујући ЈСОН, укључује различите функције као што су сортирање, претраживање, итд., Дозвољава модификације, и доноси много више могућности.

КингТабле

КингТабле вам омогућава да изградите административне табеле са минималним кодирањем. Долази са невероватном количином функција које укључују претраживање на страни клијента или сервер, сортирање, филтрирање и уобичајене функције. Можете прилагодити изглед и дојам табеле, додајте прилагођене филтере и извезите податке у различите формате као што су ЦСВ, ЈСОН и Екцел.

стацктабле.јс

ЈКуери плугин за табеле, стацктабле.јс вам дозвољава претворити било коју таблицу са широким изгледом у табелу кључ / вриједност од 2 ступца. То је идеално решење за приказивање великих табела на малим екранима као што су мобилни уређаји. Исто тако, можете складиштити редове или колоне по потреби.

Табелла.јс

Табелла.јс вам помаже да направите табеле са фиксним заглављима и податке који се могу скроловати - чак и хоризонтално да бисте укључили много много колона него што је то обично могуће. Осим тога, можете укључити више табела на истој страници и креирати вишенамјенске таблице.

ТаблеПресс

ТаблеПресс је фантастичан додатак за ВордПресс који вам омогућава креирајте и уградите табеле у поруке, странице и текстуалне видгете користећи кратки код. Табеле се могу уређивати у интерфејсу сличном табелама и могу да садрже све врсте података укључујући и формуле. Такође можете додати функције као што су претраживање и сортирање и извоз података у различите формате.

Дата Таблес Генератор од Супсистиц

Генератор табела података помаже у креирању и управљању табелама директно из админ панела користећи едитор фронтенд табеле. Изненађујуће, можете укључити графиконе и графиконе у табелама заједно са описима, заглављем и подножјем. Оно што ми се чини интересантнијим су табеле које се могу уређивати, као и извоз у ЦСВ, Екцел или ПДФ формате.

Табела цена од Супсистиц

Још један додатак од Супсистиц-а, табела одређивања цена вам омогућава да креирате табеле за израчунавање цена без препрека. Можете изаберите шаблон, уредите садржај цена и објавите га на свом ВордПресс-у. Такође, табеле креиране коришћењем овог додатка одговарају и елегантно на свим уређајима.

Магиц Ликуидизер Респонсиве Табле

Додатак за табелу за ВордПресс, Магиц Ликуидизер Респонсиве Табле претвара било коју обичну таблицу у таблицу мобилног одзива. Можете убацивати слике, текстове, итд. У ваше табеле и приказивати их на свим уређајима - чак и онима са малим екранима.

Цопитаблес

Цопитаблес је проширење за Гоогле Цхроме који омогућава копирање табела са веб страница. Можете изаберите ћелије табеле, редове или колоне на било којој веб страници и копирајте их директно .