Need a fix for a small javascript / css issue.

Completed Posted 6 years ago Paid on delivery
Completed Paid on delivery

I have cobbled together some Javascript and HTMl that will enable me to select a table row. It will also add some rows at the top periodically via a timer. This is just a placeholder for an ajax call that will go in later.

I want the table to be scrollable, so there is a table inside of a scrollable div. This works great, but might make the issue a little mroe complicated.

The issue I am having is that when new rows are populated at the top, I do not want the table to move to these new rows, I want the 'viewport' of the table to stay the same. If the selected row is not near the top, when new rows get populated this automatically happens. However, if the selected row is near the top, when new rows get added they move the selected row off the screen. I would like these to be added to the top, but not move/change the viewable area.

jsFiddle showing the issue is here. Easy money if you know how to fix it.

[login to view URL]

CSS HTML HTML5 JavaScript jQuery / Prototype

Project ID: #16323141

About the project

21 proposals Remote project Active 6 years ago

Awarded to:

vuyiswankosi

Hey. So basically your issue is that anytime the table is updated the scroll pane moves back to the top of the table, yes? And what you want instead is that if the top of the table is visible when an update happens, th More

$25 USD in 1 day
(46 Reviews)
7.1

21 freelancers are bidding on average $28 for this job

vamir

Respected Sir/Madam I review your job post regarding ViewPort Table issue. i assure you that i will solve your issue according to Your requirements and try to Deliver the Task ASAP. Please Give me an opportunity to More

$34 USD in 1 day
(549 Reviews)
8.0
liangjongai

I've checked your fiddle and become interested in your project. I can work for you. I've an experience of works like yours. Ping me any time to discuss about this project.

$25 USD in 1 day
(96 Reviews)
6.8
webdeveloper0325

Thank you for visiting my cover letter. When I read your project, it really appeals my mind. I have rich knowledge about HTML, CSS, JAVA script, PHP, various Framework, I always regard client’s opinions very important More

$20 USD in 1 day
(32 Reviews)
5.2
safakerol

Hey i habe read the issue i guess i can help out. The js fiddle is from you correct? Hey i habe read the issue i guess i can help out. The js fiddle is from you correct?

$30 USD in 0 days
(75 Reviews)
5.3
dodiyavikramsinh

Hello Dear, i am read your requirements. i can do this job as per your requirements and your time. Warm Regards, vikram.

$30 USD in 1 day
(116 Reviews)
5.4
TerfasElmehdi

Hello I have 4+ years of experience working as a web developer, especially PHP and Javascript/css. I can produce quality code in no time and correct all bugs related to PHP/Javascript. Please check my previous proje More

$25 USD in 0 days
(23 Reviews)
4.7
eliaa

Hello, I'm a web developer, i have 7 years experience in web development. i have used a lot of technology to implement my clients solutions. List of Services that i can help you - Build Responsive websites (Bootst More

$35 USD in 1 day
(5 Reviews)
2.5
romankusmirchuk

Hello. I did it through the scroll. the selected item is not hidden.

$15 USD in 0 days
(1 Review)
1.6
Rahulg3029

Hi Hope you are doing well. I am having experience of 2 plus years as a full stack developer. i am well versed with JavaScript and jQuery. i can help you to achieve this task.. Message me so that we can discuss thi More

$30 USD in 1 day
(1 Review)
1.4
usamaco825

Sir, I have much expertise and skills you are looking as I have developed and designed countless websites and shopping portals for many clients from all over the world. If chance is given to me I assure you that I will More

$25 USD in 0 days
(0 Reviews)
0.0
kchwistek

A proposal has not yet been provided

$25 USD in 1 day
(1 Review)
3.4
bordieris

I know how to fix it.

$25 USD in 3 days
(0 Reviews)
0.0
Doc2102

i can do it

$25 USD in 1 day
(0 Reviews)
0.0