Steem Watcher Portal Update -- Add The Datatable Library Features -- 16/01/2022

in Steem Devlast year (edited)

banner.png

Hello everyone!

How are you all? I hope my friends will be happy and well. by the grace of God, I am also well. Today I am here with new development of SW portal. In the last post SW portal, I've happily announced that SW portal is live now, but some bugs and CSS error is facing. I am using the bootstrap 4 that was too old that is why some things are going wrong. after spending more than one week, i fixed some bugs and CSS style. To achieve the responsive design some hurdles were facing.

DATATABLE is the library that provide the feature of search, pagination, entries and count entries. but it is very tricky to implement its features. it we can handle these features with the help of PHP and SQL. but it will take more time to add one by one features. With the help of debatable we can set the one-page entries and count them total entries without using any button. Search box is the one of the main features of this library.

One of the main problems is about its design. we cannot use the bootstrap feature with it. its means that responsive design will disturb. to avoid this problem, I set their positions manually in the CSS file to make the design responsive. with this library we cannot use any table layout that is the biggest problem. so, I have added CSS style manually to give the better understandable look to tables. Things will more clears with the help of screenshot.

Screenshot_53.png

Screenshot_54.png

Screenshot_55.png

Screenshot_56.png

With the help of JavaScript, Datatable library will handle and can easily apply on tables.

image.png


BoC- line.png

If anyone have any suggestion, then must share with us in the comment section. we will focus on it and try to apply it if it will suitable.


Thanks for giving your precious time to my post.

Follow | Upvote | Share | Comments

Special Thanks to

Cc: @rme
Cc: @hungry-griffin
Cc: @blacks
Cc: @steemcurator01

Follow me on Instagram.
Instagram

🆃🅷🅰️🅽🅺 🆈🅾️🆄

Sort:  

Congratulations, your post has been upvoted by @dsc-r2cornell, which is the curating account for @R2cornell's Discord Community.

Manually curated by @jasonmunapasee

r2cornell_curation_banner.png

Hi, @bountyking5,

Thank you for your contribution to the Steem ecosystem.

Your post was picked for curation by @fabiha.


Please consider voting for our witness, setting us as a proxy,
or delegate to @ecosynthesizer to earn 100% of the curation rewards!
3000SP | 4000SP | 5000SP | 10000SP | 100000SP

This post has been featured in the latest edition of Steem News...

Coin Marketplace

STEEM 0.19
TRX 0.13
JST 0.030
BTC 60915.52
ETH 3364.88
USDT 1.00
SBD 2.48