1. MDB Home Page
  2. Support Main Page
  3. MDB Vue
Topic: MDBVue editable table has issue when write to blank/null cell with single character

modadvisor free asked 3 years ago

I am having mdbvue theme installed. i am working on editable table but it is having issue with editable cell when typing single character and do focus out and duplicate that same character as much as we do focus in and focus out.

please see i have included youtube video link about issues happening.

issue presentation video link please send me solution as soon as possible as i am stuck at that issue.

Magdalena Dembna staff answered 3 years ago

I need to delete this code snippet, as our source code is available only to our PRO users.

There are few more steps to do:

1.Fix components' import statements:

import  {
      mdbTbl, 
      mdbTblHead,
      mdbTblBody,
      mdbIcon,
      mdbBtn,
      mdbPagination,
      mdbPageItem,
    } from 'mdbvue';

2.And their tags in the code to mdb-tbl, mdb-pagination, etc

3.Import the component into your code:

import mdbTableEditable from './TableEditable';

Check if there are any additional warnings in the console - if so, let me know. Best regards,

Magdalena

modadvisor free commented 3 years ago

@Magdalena Dembna i have tried that but no error in console and also @change event not working.

modadvisor free commented 3 years ago

@Magdalena Dembna let me know i can ready to show you through screen share if you want. feel free to tell me.

modadvisor free commented 3 years ago

@Magdalena Dembna dear sir can you please tell me one thing why are you reply only once a day. the code you shared i have already done that before 6 days ago because i know for components it requires to include that packages. i want real solutions i do not guide how to create components. so please share the correct solution. and please help to solve it asap if i am doing wrong. this is not fair if i wait 1 week for the simple solutions. thanks

Magdalena Dembna staff commented 3 years ago

@modadvisor this issue is a bug in our package - if you don't want to use this walkaround, the real solution will come with the next release. As a team, we replay once a day on a forum and spend the rest of the day developing the product. I will reach out to you with an email to instruct you how to implement this fix sooner. Best regards, Magdalena

modadvisor free commented 3 years ago

@Magdalena Dembna ok please i will needed solution because i cant skip this component because this component is necessary and main part of our project. so fix will be required for us. ok i will wait for your reply. Thanks

modadvisor free commented 3 years ago

@Magdalena Dembna i just replied in mail and also leaving reply here too

Dear Sir,

I have setup your solutions but still the same issues not effects of your code. again getting below issue

if i use @blur event then single character doubling in the editable field if i use @ change event then single character is not doubling but value is not getting like @blur event when event happened if i am doing wrong then record video from your side and send me with working setup.

Magdalena Dembna staff commented 3 years ago

@modadvisor, this problem will be fixed in the next release - it requires additional changes in the component.

I will contact you via email for a temporary fix. Best regards, Magdalena

modadvisor free commented 3 years ago

@Magdalena Dembna i have just tried all the way using your tgz file but still not working so i just sent you mail with my full project please check and fix asap and reply me. Thanks

modadvisor free commented 3 years ago

@Magdalena Dembna any update regarding fix i were sent you mail yesterday. please reply. is it going good ? Thanks

Magdalena Dembna staff commented 3 years ago

I've replied to your email. Please create tickets on a forum for further issues. Best regards, Magdalena

Magdalena Dembna staff answered 3 years ago

Unfortunately, this bug is hidden within our component - the problem is handling <td> update on @blur when it should be on @change. It will be fixed in the next release, but as we cannot yet tell the date, you can temporarily use the source code, fix the problem there and import this altered component into your project. Best regards, Magdalena

modadvisor free commented 3 years ago

@Magdalena Dembna i have tried @change event but not working . can you please share the example code which is worked for you so i can try it. Thanks

modadvisor free commented 3 years ago

@Magdalena Dembna can you give me update on this ? as this issue stuck me for further development. so please give me updates asap. Thanks

modadvisor free commented 3 years ago

@Magdalena Dembna any update ?

Magdalena Dembna staff commented 3 years ago

You need to temporarily copy the source code of this component from mdbvue folder to your project and in this file replace a @blur event with @change. Then import the fixed component directly from its file instead of mdbvue - until our next release, its the only fix I can think of.

modadvisor free commented 3 years ago

@Magdalena Dembna Here is the link i have added code snippet. i already put @change event but still not working https://mdbootstrap.com/snippets/vue/modadvisor/2565093 give me working code from your side. please provide asap i am already waiting from last 4 days for the solution. Thanks

modadvisor free commented 3 years ago

@Magdalena Dembna have you checked my code snippet ? i am waiting for answer. thanks

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status

Closed

Specification of the issue
  • ForumUser: Free
  • Premium support: No
  • Technology: MDB Vue
  • MDB Version: 6.7.1
  • Device: PC
  • Browser: google chrome
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: Yes
Tags
mdbtableeditable mdbvue
About author
modadvisor
109Support score
22Questions 0Answers 2Snippets