Ttdfjt

I created a table in Latex to show some comparison data about some frameworks.
How can I improve its appearance?

begintable[ht]
rowcolors1gray!25white
centering
begintabularp20mm
rowcolorgray!40
 & Flutter & React Native & NativeScript & Ionic
 \ hline
Wrapper/ Container & No & No & No & WebViews by Apache Cordova
\ hline
Other ways of accessing native APIs &
beginitemize
 item Built-in classes
 item Third- party plugins
enditemize
 & beginitemize
 item Built-in React APIs through JS
 item Native modules
enditemize & Plugins developed by NativeScript team through JS
 & Plugins are offered by Apache Cordova to access the native APIs of the device through WebViews
\ hline
Disadvantages & Not so many plugins in the ecosystem, so many need to be implemented & beginitemize
 item Core maintainers of modules may quit
 item Knowledge of usage of native APIs for each platform
enditemize & Knowledge of usage of native APIs for each platform if plugins need to be developed & Not direct access to native features of device because of WebViews
\
endtabular
captionShort comparison between the four cross platform mobile development frameworks. 
parenciteReactNativeFramework, NativeScript, MobileChallenges2013, IonicWebsite, FlutterFramework
labeltable:comparisonFrameworks
endtable

I would rather have table with following design:

Edit:

In comparison with your table code I made the following changes:

• With use of geometry package and its default settings for pages' borders the width of text width is increased. With this a more space for table columns are available. Consequently, the text can be in a more beautiful form than in cells with width of 25mm.


• For table environment is used tabularx with prescribed table width equal to text width. Using it the width of columns are automatic adopted to available text width.


• Defined is L column types with use of RaggedRight from ragged2e package. By it cell's contents are aligned to the left hyphenation of words is used when necessary. By this the cells' contents have uniform inter words space and looks nicer


• For better text spacing into cells the font size small is used.


• For lists (itemize) is used enumitem package which enable simple customizing of lists. With etoolbox it is adopted for use in tables (no vertical space before and after lists, no vertical spaces between items, minimized left lists borders)


• Table rules are from booktabs package. Also their number is reduced
  
  to minimum (three). Rows in table are separated by vertical space determined by addlinspace
  


• Coloring of rows is omitted (they also don't work nicely with rules from booktabs package)

 documentclassarticle
 usepackagegeometry
 usepackageragged2e
 usepackagebooktabs, tabularx
 usepackageenumitem
 usepackageetoolbox
 AtBeginEnvironmenttable%
 setlist[itemize]nosep,
 leftmargin=*,
 before=vspace-0.6baselineskip,
 after=vspace-baselineskip
 
 
 hyphenationdis-advant-ages native-script plug-ins 

 begindocument
 begintable[ht]
 small
 centering
 begintabularxlinewidth@ >RaggedRighthsize=0.8hsizeX
 *4>RaggedRighthsize=1.05hsizeX @
 toprule
 & Flutter & React Native & NativeScript & Ionic \
 midrule
 Wrapper/ Container
 & No & No & No & WebViews by Apache Cordova \ addlinespace
 Other ways of accessing native APIs &
 beginitemize
 item Built-in classes
 item Third- party plugins
 enditemize
 & beginitemize
 item Built-in React APIs through JS
 item Native modules
 enditemize & Plugins developed by NativeScript team through JS
 & Plugins are offered by Apache Cordova to access the native APIs of the device through WebViews \
 addlinespace
 Disadvantages & Not so many plugins in the ecosystem, so many need to be implemented
 & beginitemize
 item Core maintainers of modules may quit
 item Knowledge of usage of native APIs for each platform
 enditemize & Knowledge of usage of native APIs for each platform if plugins need to be developed
 & Not direct access to native features of device because of WebViews \
 bottomrule
 endtabularx
 captionShort comparison between the four cross platform mobile development frameworks.
 %parenciteReactNativeFramework, NativeScript, MobileChallenges2013, IonicWebsite, FlutterFramework
 
 labeltable:comparisonFrameworks
 endtable
 enddocument

If you not like to use wider text defined by geometry, than remove it from preamble. Table will automatic accommodate to new width. Result than will be the following:

I suggest you use a tabularx environment, with width set to textwidth, ragged-right rather than full justification in all five columns, and a bespoke itemize-like environment (called mylist in the code below) that uses all available space.

I also wouldn't use vertical lines to separate the columns -- they're not needed, and I wouldn't use hline directives except at the very end of the tabularx environment.

documentclassarticle

usepackage[english]babel
usepackage[table]xcolor
providecommandparencite[1]# % dummy definition

usepackagetabularx,ragged2e
newcolumntypeL>RaggedRightarraybackslashhspace0ptX
newcolumntypeP[1]>RaggedRightp#1

usepackageenumitem
newlistmylistitemize1 % create a bespoke itemize-like list
setlist[mylist]leftmargin=*,nosep,label=textbullet
usepackageetoolbox
BeforeBeginEnvironmentmylistbeginminipage[t]hsize
AfterEndEnvironmentmylistendminipage

hyphenationweb-views native-script % provide additional hyphenation exceptions

begindocument
begintable[ht]
setlengthextrarowheight2pt % for a more open "look"
rowcolors1gray!25white
setlengthtabcolsep5pt % default: 6pt

%centering % not needed
begintabularxtextwidth P20mm *4L 
rowcolorgray!40
& Flutter & React Native & NativeScript & Ionic \ 
%hline
Wrapperslash Container & No & No & No & WebViews by Apache Cordova \ 
%hline
Other ways of accessing native APIs &
 beginmylist
 item Built-in classes
 item Third-party plugins
 endmylist & 
 beginmylist
 item Built-in React APIs through JS
 item Native modules
 endmylist & 
 Plugins developed by NativeScript team through JS & 
 Plugins are offered by Apache Cordova to access the native APIs of the device through WebViews \ 
%hline
Disadvantages & Not so many plugins in the ecosystem, so many need to be implemented & 
 beginmylist
 item Core maintainers of modules may quit
 item Knowledge of usage of native APIs for each platform
 endmylist & 
 Knowledge of usage of native APIs for each platform if plugins need to be developed 
 & Not direct access to native features of device because of WebViews \ 
hline % <-- new
endtabularx

captionShort comparison between the four cross platform mobile development frameworks. 
parenciteReactNativeFramework, NativeScript, MobileChallenges2013, IonicWebsite, FlutterFramework
labeltable:comparisonFrameworks

endtable
enddocument

Addendum to address the follow-up query posted by @pzorba75: The etoolbox provides the instructions BeforeBeginEnvironment and AfterEndEnvironment. These two instructions are used in the code shown above to "encase" each mylist environment in a minipage environment. The encasing automatically eliminates the whitespace that would otherwise be inserted before the first item and below the final item of the list. (If you don't use the minipage approach, you'd have to eliminate the whitespace manually, as is done in Zarko's parallel answer.)

The enumitem package actually provides the before=... and after=... options. Thus, one could replace

usepackageenumitem
newlistmylistitemize1 % create a bespoke itemize-like list
setlist[mylist]leftmargin=*,nosep,label=textbullet
usepackageetoolbox
BeforeBeginEnvironmentmylistbeginminipage[t]hsize
AfterEndEnvironmentmylistendminipage

with

usepackageenumitem
newlistmylistitemize1 % create a bespoke itemize-like list
setlist[mylist]leftmargin=*,nosep,label=textbullet,
 before=beginminipage[t]hsize,
 after=endminipage

The output is the same as above.

For example:

documentclass[a4paper]article
usepackage[english]babel

usepackage[svgnames,table]xcolor
usepackagetabularx
usepackageragged2e
usepackageenumitem
setlistnosep,noitemsep,topsep=0pt,leftmargin=1em
usepackagebiblatex
addbibresourcebiblatex-examples.bib
renewcommandtabularxcolumn[1]>RaggedRightp#1

begindocument

begintable[ht]
 rowcolors1gray!25white
 centering
 begintabularxlinewidthXhline
 rowcolorgray!40
 & Flutter & React Native & NativeScript & Ionic
 \ hline
 Wrapper/ Container & No & No & No & WebViews by Apache Cordova
 \ hline
 Other ways of accessing native APIs &
 beginitemize
 item Built-in classes
 item Third- party plugins
 enditemize
 & beginitemize
 item Built-in React APIs through JS
 item Native modules
 enditemize & Plugins developed by NativeScript team through JS
 & Plugins are offered by Apache Cordova to access the native APIs of the device through WebViews
 \ hline
 Disadvantages & Not so many plugins in the ecosystem, so many need to be implemented & 
 beginitemize
 item Core maintainers of modules may quit
 item Knowledge of usage of native APIs for each platform
 enditemize & Knowledge of usage of native APIs for each platform if plugins need to be 
 developed & 
 Not direct access to native features of device because of WebViews
 \hline
 endtabularx
 captionShort comparison between the four cross platform mobile development frameworks. 
 parenciteReactNativeFramework, NativeScript, MobileChallenges2013, IonicWebsite, 
 FlutterFramework
 labeltable:comparisonFrameworks
endtable 

enddocument