Thanks guys for your reply, i found the right way to implement it with the help of @Surajkochale .
Here is the solution of my problem if i add these lines in my code and it works well..
fruitTableView.addEventListener('touchstart', function(){
scrollableView.canCancelEvents = false;
});
fruitTableView.addEventListener('touchend', function(){
scrollableView.canCancelEvents = true;
});
fruitTableView.addEventListener('touchcancel', function(){
scrollableView.canCancelEvents = true;
});
vegTableView.addEventListener('touchstart', function(){
scrollableView.canCancelEvents = false;
});
vegTableView.addEventListener('touchend', function(){
scrollableView.canCancelEvents = true;
});
vegTableView.addEventListener('touchcancel', function(){
scrollableView.canCancelEvents = true;
});
grainsTableView.addEventListener('touchstart', function(){
scrollableView.canCancelEvents = false;
});
grainsTableView.addEventListener('touchend', function(){
scrollableView.canCancelEvents = true;
});
grainsTableView.addEventListener('touchcancel', function(){
scrollableView.canCancelEvents = true;
});